推荐 序 一 


互联 网 特别 是 电子 商务 的 发 展 ， 让 我 们 的 生活 有 了 太 多 的 变化 。 每 天 看 到 快递 员 穿梭 于 大 街 小 蔡 ， 各 种 包 庄 堆积 在 各 个 大 厦 的 门口 ， 公 司 的 前 台 甚 至 都 变 成 邮局 的 柜台 了 ， 我 们 感受 到 商品 的 流通 方式 
发 生 了 翻天 覆 地 的 变化 。 参 加 过 太 多 的 传统 零售 行业 的 会 议 ， 每 次 必 有 的 一 个 话题 就 是 如 何 做 电 商 ， 甚 至 有 人 说 “做 电 商 找 死 ， 不 做 电 商 等 死 ”。 越 来 越 多 的 企业 将 线 下 店 转型 为 体验 店 ， 把 电 商 当成 一 个 
新 的 渠道 ， 以 求 建立 新 的 商业 模式 ;就 连 每 个 城市 原本 很 强大 的 传统 百货 商场 ， 都 只 能 走向 综合 体 ， 越 来 越 少见 到 单纯 卖 货 的 商城 了 。 这 一 切 的 变化 都 表明 了 电 商 已 经 改变 了 原 有 的 商业 模式 。 


电子 商务 带 来 的 变化 让 很 多 企业 不 知 所 措 ， 究 其 原因 是 不 了 解 互联 网 ， 不 知道 这 里 的 游戏 规则 ， 甚 至 在 某 种 程度 上 感觉 电 商 平台 还 是 一 个 神秘 的 科技 ， 不 知道 怎么 切入 电子 商务 。 实 际 上 ， 电 商 平台 早 
已 经 是 大 众 化 的 产品 ， 从 广泛 的 层面 来 说 ， 无 非 是 找 一 个 第 三 方 聚 合 平台 去 开 一 个 店 ， 或 者 是 做 一 个 自己 的 电 商 平台 ， 两 种 方式 各 有 优 劣 。 在 聚合 平台 上 开 一 个 店 ， 优 势 是 不 用 去 管 商城 产品 ， 劣 势 是 顾客 
永远 是 别人 的 ;自己 打造 一 个 电 商 平台 ， 虽 然 需要 投入 一 定 的 资金 和 精力 去 维护 ， 但 是 逐渐 建立 自己 的 用 户 群体 ， 做 出 自己 的 平台 口碑 ， 更 加 是 一 种 有 理想 和 抱负 的 做 法 。 这 本 由 ShopNC 撰 写 的 书 ， 正 是 
帮助 企业 打造 一 个 自己 的 电 商 平台 。 


ShopNC 给 企业 提供 商城 产品 已 经 有 些 年 头 了 ， 一 路 走 来 ， 风 风雨 雨 ， 伴 随 着 中 国电 子 商务 的 发 展 ， 也 在 不 断 壮大 。 这 本 书 以 ShopNC 的 B2B2C 产 品 为 例 ， 进 行 了 全 面 详细 的 讲解 ， 对 电 商 平台 的 前 期 
规划 、 中 期 开发 和 后 期 的 运 维 都 有 涉及 ， 相 信 很 多 电 商 企业 的 决策 人 员 、 运 营 人 员 及 技术 人 员 都 能 从 中 受益 。ShopNC 把 自己 积累 的 经 验 无偿 地 释放 出 来 ， 对 电 商 的 发 展 的 确 是 一 种 很 大 的 贡献 。 我 本 人 也 
和 ShopNC 的 创始 人 “白菜 ”相识 很 久 ， 看 到 他 在 这 条 道路 上 的 坚持 和 执着 ， 非 常 钦佩 ， 他 不 是 一 个 生意 人 ， 更 像 一 个 “程序 猿 ”， 只 对 给 企业 提供 优质 的 产品 感 兴趣 。 因 此 这 次 出 版 这 本 书 ， 我 没有 理由 
不 力荐 此 书 ， 期 望 更 多 的 企业 及 人 员 能 够 从 中 受益 。 


耿 志 军 


原 腾讯 微 生 活 总 经 理 ， 现 主管 微 信 支 付 推广 与 运营 业务 


推荐 序 二 


网 


看 过 这 本 书后 ， 给 我 的 第 一 个 感觉 就 是 非常 接地 气 ， 实 实在 在 的 代码 在 那 摆 着 ， 讲 得 都 是 干货 。 


现在 电子 商务 发 展 得 如 火 如 茶 ， 甚 至 有 点 疯狂 ， 网 购 成 为 人 们 生活 中 不 可 或 缺 的 一 部 分 ， 刚 刚 过 去 的 双 11 促 销 各 电 商 平台 破 记录 的 销量 就 是 例证 ， 在 这 种 情况 下 ， 越 来 越 多 的 企业 会 加 速 进 入 电子 商 
务 ， 开 始 自 建 电 商 平台 或 入 驻 成 熟 的 平台 。 目 前 大 型 的 综合 性 电 商 平台 基本 上 布局 已 定 了 ， 大 众 经 常会 去 的 淘宝 、 天 猫 、 京 东 等 都 属于 这 一 类 的 ， 大 平台 的 品类 相对 齐全 ， 但 做 得 不 够 细致 ， 产 品质 量 参差 
不 齐 ， 退 货 率 也 越 来 越 高 ， 这 就 还 需要 大 量 的 行业 性 的 、 专 业 性 的 ， 甚 至 是 地 方 性 的 电 商 平台 涌现 出 来 细 分 这 些 行业 ， 这 些 平台 建 起 来 需要 什么 ? 对 于 技术 支持 ， 这 本 书 的 推出 怡 着 其 时 。 


我 是 技术 出 身 ， 之 前 也 看 过 一 些 WEB 技 术 之 类 的 书籍 ， 但 基本 上 讲 的 都 是 纯 技术 的 内 容 ， 要 么 就 是 纯 语言 讲解 ， 典 型 代表 就 是 PHP 了 吧 ， 要 么 就 是 偏向 于 大 数据 、 集 群 、 高 性 能 等 ， 这 类 书 现在 有 很 多 
了 。 电 商 方面 的 书 基本 上 是 偏 实际 运营 操作 的 ， 跟 技术 无 关 。 目 前 没有 一 本 系统 介绍 电 商 平台 搭建 的 书籍 ， 但 这 本 书 做 到 了 。 它 从 一 个 企业 的 需求 出 发 ， 从 技术 选 型 到 代码 开发 再 到 部 署 都 讲 到 了 ， 特 别 是 
它 的 代码 开发 部 分 ， 电 商 平台 的 几 块 核心 功能 都 有 ， 并 且 不 是 流水 账 ， 从 设计 思路 到 最 后 实现 都 有 ， 这 一 点 是 非常 重要 ， 也 是 非常 值得 肯定 的 。 据 我 所 知 目前 还 没有 类 似 的 书 ， 讲 得 实在 ， 有 真实 的 代码 ， 
而 且 这 些 代码 也 是 经 过 大 量 正 在 运营 的 网 站 证 明 的 ， 这 不 是 DEMO， 这 的 确 是 本 书 一 个 亮点 。 


我 了 解 ShopNC 也 有 很 多 年 了 ， 一 直 在 专注 电 商 开发 ， 很 佩服 “白菜 ”的 坚持 ， 专 注 才 会 专业 ， 因 此 推荐 产品 经 理 、 技 术 人 员 都 看 一 下 这 本 书 ， 不 见得 百分之百 认同 里 面 的 思路 、 方 法 ， 但 如 果 有 一 点 
的 感触 或 收获 ， 那 就 值得 。 


杨 立 东 


原 暴 风 影 音 CTO 


加 
串 


为 什么 写 这 本 书 


中 国 互联 网 络 信息 中 心 (CNNIC) 2014 年 1 月 发 布 的 《中 国 互联 网 络 发 展 状况 统计 报告 》 中 的 数据 表明 : 截至 2013 年 12 月 ， 我 国 网 民 规 模 达 6.18 亿 ， 互 联网 普及 率 为 45.8%。 网 络 购物 用 户 规模 持续 增 
长 ， 商 务 类 应 用 继续 保持 较 高 的 发 展 速度 。2013 年 ， 中 国 网 络 购物 用 户 规模 达 3.02 亿 人 ， 使 用 率 达 到 48.9%， 相 比 2012 年 增长 6.0 个 百分点 。 从 消费 者 行为 模式 来 看 ， 搜 索 行为 直接 指向 购买 ， 电 子 商 务 平台 
正 是 购买 行为 的 发 生 场所 ， 并 且 由 于 营销 推广 成 本 有 限 ， 促 使 中 小 企业 更 倾向 于 选择 投入 可 控 、 性 价 比较 高 的 方式 。 


以 上 的 统计 数据 向 我 们 传递 了 一 个 强烈 的 信和 号， 电子 商务 (简称 “ 电 商 ”) 正在 改变 商业 的 经 营 模式 和 人 们 的 购物 习惯 。 国 内 已 经 有 越 来 越 多 的 传统 行业 进入 了 电子 商务 领域 ， 同 时 也 有 越 来 越 多 的 网 
站 转型 为 电子 商务 平台 ， 随 之 而 来 的 就 是 市 场 对 电 商 的 IT 服务 需求 的 迅速 增长 ， 而 目前 主要 电 商 IT 服务 供应 商 服务 水 平 、 产 品质 量 、 设 计 理 念 参差 不 齐 ， 有 些 产品 更 是 一 直 处 理 停 滞 状 态 ， 显 然 它们 无 法 满 
足 迅 速 发 展 的 电 商 行业 。 


ShopNC (www.shopnc.net) 一 直 专 注 于 电 商 整体 解决 方案 ， 拥 有 国内 领先 的 技术 人 才 、 开 发 团队 及 资深 的 行业 解决 方案 专家 ， 自 主 研发 出 了 成 熟 的 B2B2C 模 式 电 商 平台 系统 、C2C 模 式 多 店 商城 系 
统 、O2O 本 地 生活 类 电 商 系统 、CMS 文 章 资讯 、 社 交 圈子 社区 程序 、 微 商城 分 享 互动 程序 、 在 线 IM 聊 天 程序 以 及 CRM 客 户 管理 系统 、 移 动手 机 平台 应 用 和 微 信 商城 等 最 流行 、 全 面 、 完 善 的 电 商 产品 综合 
服务 体系 。ShopNC 不 断 将 电 商 行业 的 新 需求 、 新 趋势 融入 到 产品 中 ， 与 时 俱 进 ， 始 终 保持 产品 的 先进 性 。 


本 书 结合 shopNC 商 城 系统 ， 从 构建 大 数据 、 高 性 能 的 电 平台 出 发 ， 详 细 介绍 了 电 商 平台 核心 模块 的 设计 与 实现 ， 为 大 家 提供 安全 、 可 靠 、 易 维护 、 高 性 能 的 电 商 平台 解决 方案 。 


本 书 的 主要 内 容 和 特色 


书 分 为 四 个 部 分 。 第 一 部 分 (第 1 章 ) 是 功能 规划 ， 依 次 介绍 了 电子 商务 平台 标准 的 构成 套件 以 及 各 个 套件 的 功能 组 成 部 分 。 第 二 部 分 (第 2 章 ) 是 技术 架构 规划 ， 规 划 实 现 第 一 部 分 功能 需要 用 到 的 
技术 点 及 实现 方法 ,搭建 编 写 代码 前 需要 的 技术 框架 。 第 三 部 分 (第 3~9 章 ) 是 功能 实现 ， 细 致 而 全 面 地 讲解 了 构成 电子 商务 平台 的 各 个 功能 模块 的 设计 思路 、 技 巧 分 享 、 重 点 代码 分 析 、 最 终 功能 体验 ， 
完成 了 从 理论 到 实践 的 完美 转换 。 第 四 部 分 (第 10 章 ) 是 安装 部 署 ， 将 已 制作 完成 的 商城 部 署 至 服务 器 ， 并 介绍 了 集群 部 署 中 主要 节点 的 部 署 过 程 。 以 上 四 部 分 是 电子 商务 平台 从 规划 ， 再 到 各 个 重点 模块 


构建 ， 再 到 部 署 及 性 能 、 用 户 体验 的 优化 ， 进 行 了 全 面 透彻 地 讲解 ， 满 足 了 从 电子 商务 平台 建立 到 运 维 的 基本 需求 。 按 照 以 上 内 容 逐 一 进行 商城 的 开发 工作 ， 可 以 使 本 来 烦琐 杂乱 的 工作 变 得 有 条 不 率 、 充 


满 魅力 。 


本 书 的 目标 读者 


本 书 主要 适合 如 下 人 和 群 阅读 : 


“电子 商务 平台 决策 者 、 首 席 技 术 官 《CTO) 和 架构 师 。 
“电子 商务 平台 运 维 工 程 师 。 


“ 具有 3 年 以 上 工作 经 验 并 从 事 电子 商务 平台 开发 的 软件 工程 师 。 


如 何 阅读 本 书 


本 书 主要 介绍 商城 的 整体 设计 、 架 构 搭建 、 功 能 实现 及 安装 部 署 ， 所 以 在 阅读 本 书 之 前 需要 你 对 电子 商务 、 网 上 商城 有 所 了 解 ， 有 过 一 定 的 项 目 开发 经 验 ， 学 习 过 PHP、HTML、jQuery、 数 据 库 等 技 
术 知识 。 如 果 你 对 缓存 、 负 载 均衡 、 服 务 器 集群 部 署 等 有 一 定 的 了 解 将 更 能 帮助 你 理解 本 书 中 所 讲解 的 知识 点 。 所 以 笔者 建议 按 以 下 阅读 方式 进行 阅读 。 


如 果 你 是 平台 功能 决策 者 或 架构 师 ， 想 了 解 一 套 标 准 电 商 平台 套件 的 具体 构成 和 实现 ， 可 以 详细 阅读 第 1 章 、 第 3~9 章 。 第 1 章 对 商城 标准 套件 进行 了 概括 性 的 介绍 ， 而 第 3~9 章 对 第 1 章 所 提 到 的 套件 功 


能 的 模块 构成 、 设 计 思路 、 具 体 实现 、 功 能 体验 等 有 详细 介绍 。 


如 果 你 是 从 事 技术 管理 工作 的 ， 想 了 解 搭建 商城 的 技术 架构 ， 可 以 首先 详细 阅读 第 2 章 和 第 13 章 。 第 2 章 介绍 了 商城 开发 前 期 需要 的 技术 准备 工作 ， 对 一 套 完善 、 高 效 的 商城 技术 架构 进行 了 细致 的 讲 


解 。 第 10 章 则 介绍 了 商城 的 安装 部 署 ， 详 细 介绍 了 软件 版 本 与 部 署 参数 。 在 阅读 完 第 2 章 、 第 10 章 之 后 ， 再 去 了 解 一 下 第 3~9 章 的 各 模块 ， 这 对 以 


后 商城 的 二 次 开发 及 运 维 工作 是 非常 有 帮助 的 。 


如 果 你 已 经 在 运营 电子 商城 ， 拥 有 了 一 定 的 运 维 经 验 ， 可 以 将 该 书 作为 一 本 参考 资料 ， 因 为 书 中 讲 到 的 功能 及 技术 点 都 是 经 过 ShopNC 商 城 系统 的 工作 人 员 参 考 众多 客户 的 实际 使 用 经 验 及 建议 ， 进 行 


优化 总 结 后 的 结果 ， 具 有 一 定 的 参考 价值 。 


最 后 ， 真 诚 地 期 望 大 家 通过 本 书 来 研究 和 探索 电 商 平台 搭建 和 运 维 。 相 信 你 们 在 看 过 本 书 之 后 都 会 有 所 收获 。 期 待 大 家 能 搭建 出 一 个 优秀 、 高 效 的 电子 商务 平台 。 


致谢 


本 书 由 ShopNC B2B2C 商 城 系统 产品 开发 团队 共同 撰写 ， 在 撰写 期 间 咨 询 和 采纳 了 很 多 具有 众多 实战 经 验 的 ShopNC 客 户 及 其 技术 团队 的 意见 与 建议 ， 力 求 使 读者 能 从 本 书 中 获得 很 多 实用 的 知识 。 此 


外 ， 本 书 在 编写 过 程 中 还 参阅 了 大 量 国内 外 的 文献 和 资料 。 


首先 感谢 ShopNC B2B2C 商 城 系统 开发 组 的 同仁 ， 大 家 各 抒 己见、 通力 合作 才 使 本 书 的 编写 过 程 如 此 顺利 。 其 次 ， 感 谢 给 予 宝贵 意见 和 建议 的 ShopNC 商 城 系 统 客户 。 还 要 感谢 我 们 所 处 的 互联 网 时 


代 ， 使 文献 和 资料 的 查阅 变 得 如 此 简单 。 本 书 着 眼 于 商城 模块 设计 、 技 术 实现 ， 其 中 融入 了 很 多 作者 的 个 人 经 验 和 理解 ， 当 然 由 于 笔者 水 平 有 限 ， 
家 批评 指正 。 大 家 有 任何 问题 意见 或 建议 ， 可 发 邮件 至 book feedback@shopnc.net， 我 们 会 第 一 时 间 与 大 家 沟通 、 交 流 。 


第 1 章 ” 电 商 平台 标准 化 套件 


书 中 难免 会 出 现 一 些 琉 漏 或 者 与 您 理解 上 的 不 同 ， 居 请 大 


随 着 电子 商务 近 十 年 的 高 速 发 展 ， 传 统 单一 的 商城 交易 系统 已 经 不 能 满足 市 场 需求 ， 随 之 而 来 多 元 化 的 电 商 平台 系统 已 经 成 为 市 场 的 主流 。 与 商城 配套 的 圈子 /BBS 论 坛 系统 、 新 闻 资 讯 CMS 系 统 、 商 品 
推荐 分 享 的 微 商城 系统 、 买 卖 双方 沟通 的 即时 通讯 IM 系 统 以 及 手机 等 设备 使 用 的 移动 端 APP 等 都 成 为 电 商 平台 必 不 可 少 的 组 成 部 分 ， 如 图 1-1 所 示 。 
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图 1-1 ”电子 商务 标准 平台 套件 结构 示意 图 


1.1 商城 系统 


商城 系统 通过 互联 网 为 消费 者 提供 一 个 新 型 的 购物 环境 ， 除 了 传统 的 B2B、B2C、C2C 等 模式 外 ， 现 今 又 延展 出 C2B、B2B2C、O2O 等 众多 的 商业 模式 ， 从 单一 的 买卖 功能 扩展 至 极 强 的 电 商 平台 功 
能 ， 如 图 1-2 所 示 。 


@ 站 点 设置 @ 权限 设置 
共 应 商 招 商人 驻 @ 账号 同步 @ 快递 公司 
Be 多 上 传 设置 @ 配送 地 区 


"~ 
一 = 


~.@ SEO 设 置 @ 清除 缓存 
-多 文 付 方式 @ 性 能 优化 
@ 搜索 设置 @ 消息 通知 


@ 分 类 管理 
ge 
@ 商品 管理 

@ 类 型 管理 
@ 规格 管理 
二 9 图 片 管理 


运费 物流 模块 
@ 店铺 管理 


@ 会 员 统计 
名 店铺 统计 


四 


个 人 社区 。 
SNS 模 块 


@ 基本 设置 
@ 团购 管理 
全 限时 折扣 
@ 满 即 送 @ 店铺 等 级 
e@ 优惠 套装 LIR 6 和 @@ 店铺 分 类 
@ 推荐 展位 功能 概要 @ 二 级 域名 
@ 代金 券 ' @ 店铺 动态 
@ 结算 管理 ， 0 
商家 店铺 模块 :人 客服 及 售后 模块 
@ 分 类 文章 @ 会 员 管理 
@ 会 员 通知 


© 文章 管理 
@ 系统 文章 @ 积分 管理 
多 预存 款 


@ 页 面 导航 
2 
@ 广告 管理 @ 分 享 绑 定 
会 员 相册 


@ 首页 管理 
9 推荐 位 @ 买 家 动态 


虚拟 产品 及 @ 订单 管理 @ 举报 管理 。 、、、 9 会 员 标签 
线 下 团购 等 @ 退 款 管理 @ 评价 管理 。 财务 结算 模块 
020 模 块 9 退货 管理 @ 投诉 管理 

入 咨询 管理 


图 1-2 ” 电 商 平台 功能 概要 
下 面 介绍 一 个 标准 的 电 商 平台 应 该 具备 的 功能 。 
(1) 设置 
“ 站 点 设置 : 设置 网 站 的 基本 信息 ， 包 括 网 站 名 称 、LOGO、 联 系 电话 、 电 子 邮 件 、 站 点 状态 和 防 灌水 设置 。 
“账号 同步 : 设 定 QQ 互 联 和 新 浪 微 博 登 录 等 功能 。 


“上传 设 置 : 设 定 上 传 参数 、 默 认 图 片 、 登 录 主 题 图 片 、 压 缩 工 具 和 水 印字 体 功能 ， 上 传 参 数 能 控制 图 片 大 小 、 尺 寸 、 存 放 类 型 、 图 片 扩展 名 等 信息 ， 登 录 主 题 图 片 可 以 设置 4 张 主题 图 片 ， 可 以 选择 压 
缩 工具 、 下 载 水 印字 体 。 


“SEO 设置 : 设置 首页 、 团 购 、 品 牌 、 优 惠 券 、 积 分 中 心 、 文 章 、 店 铺 、 商 品 、 商 品 分 类 和 SNS 等 页 面 的 标题 、 关 键 词 和 描述 信息 。 


“ 消息 通知 : 包括 邮件 设置 、 邮 件 模板 、 商 家 消息 模板 和 用 户 消息 模板 几 部 分 。 邮 件 设置 可 以 进行 邮件 功能 的 开启 与 关闭 操作 ， 并 在 此 进行 SMTP 账 号 的 设置 ， 设 置 完成 后 可 以 通过 测试 邮件 功能 进行 邮 
件 发 送 测试 。 


: 支付 方式 : 进行 平台 、 店 铺 支付 方式 的 开启 、 关 闭 等 操作 的 管理 。 支 付 方式 包括 : 货 到 付款 、 预 存款 、 支 付 宝 、 财 付 通 、 网 银 在 线 。 


“ 权限 设置 : 账号 信息 的 管理 ， 可 以 增加 或 删除 管理 人 员 ， 可 以 修改 系统 管理 员 的 管理 权限 。 


“ 配送 地 区 : 选择 配送 地 区 ， 按 省 、 市 、 县 三 级 分 类 。 


(2) 商品 
“ 分 类 管理 : 对 列表 中 的 商品 分 类 进行 排序 、 是 否 首页 显示 等 ， 并 且 可 以 对 分 类 信息 进行 新 增 、 编 辑 、 删 除 、 新 增 下 一 级 等 操作 。 系 统 支持 对 分 类 信息 的 导入 、 寻 出 操作 ， 并 且 支 持 TAG 标 签 的 管 


理 ，TAG 值 为 分 类 搜索 的 关键 字 。 
“ 品牌 管理 : 针对 网 站 内 的 品牌 信息 进行 编辑 、 删 除 、 查 询 、 新 增 和 审核 几 项 操作 ， 也 可 以 直接 修改 品牌 排序 和 是 否 为 推荐 品牌 。 


“ 商品 管理 : 分 为 所 有 商品 查看 、 违 规 下 架 商 品 管理 、 待 审核 商品 及 商品 设置 ， 可 以 根据 商品 信息 如 商品 名 、 店 铺 名 等 进行 查询 ， 列 表 会 显示 商品 价格 和 库存 量 ， 管 理 员 可 以 选择 该 商品 是 否 上 架 、 是 
否 违规 下 架 ， 可 以 对 商品 进行 查看 、 审 核 或 删除 操作 。 商 品 设置 可 对 商家 发 布 商品 平台 是 否 需要 审核 进行 判定 ， 当 此 设 定 为 需要 审核 时 ， 商 家 所 发 布 的 所 有 商品 均 进 入 等 待 审核 页 面 ， 由 平台 进行 审核 。 


片 空 间 : 商城 运行 一 段 时 间 后 ， 在 服务 器 上 经 常会 产生 一 些 垃圾 图 片 ， 图 片 空间 正 是 用 于 解决 这 一 问题 的 。 利 用 图 片 空间 ， 管 理 员 可 以 查看 当前 的 所 有 店家 的 相册 及 其 商品 图 片 的 数量 ， 也 可 以 删 
除 无 用 的 相册 和 图 片 。 


(3) 店铺 


“ 店铺 管理 : 管理 商城 所 有 店铺 信息 ， 可 进行 查询 、 新 增 、 编 辑 、 删 除 等 操作 ， 支 持 新 增 或 修改 店铺 经 营 类 目 ， 设 置 分 佣 比 例 ， 针 对 开店 申请 设置 单独 的 审核 入 口 ， 还 可 进行 店铺 续签 申请 处 理 及 店铺 
新 增 经 营 类 目 审核 。 


“ 店铺 等 级 : 显示 店铺 的 等 级 列表 ， 可 以 新 增 、 编 辑 、 删 除 、 设 置 可 选 模板 等 操作 ， 并 且 可 设置 不 同等 级 店铺 的 年 使 用 费用 及 相关 权限 等 。 
“店铺 分 类 : 列 出 了 店铺 所 有 的 分 类 ， 可 以 对 店铺 分 类 进行 新 增 、 编 辑 、 删 除 等 操作 ， 还 可 以 设 定 相关 类 目的 保证 金 ， 以 及 按照 排序 值 进行 排序 。 


“ 二 级 域名 : 用 于 进行 平台 二 级 域名 的 开启 、 关 闭 等 相关 设置 ， 并 且 可 以 对 店铺 所 使 用 的 二 级 域名 进行 管理 操作 ， 可 以 根据 店铺 名 称 、 二 级 域名 进行 查询 ， 还 可 以 进行 二 次 域名 及 修改 次 数 的 编辑 。 


:会员 管 理 : 显示 所 有 会 员 的 列表 ， 在 列表 中 显示 登录 次 数 、 会 员 积分 、 预 存款 等 信息 ， 可 以 对 会 员 信息 进行 增 、 删 、 改 、 查 的 操作 。 


“ 积分 管理 : 是 对 会 员 积 分 的 操作 入 口 ， 可 以 进行 会 员 积 分 增加 或 减少 的 操作 ， 并 且 可 以 记录 操作 描述 。 积 分 明细 显示 的 是 会 员 获得 或 消耗 积分 的 情况 ， 显 示 会 员 所 有 的 积分 变化 ， 可 以 搜索 会 员 积分 
操作 记录 。 
“ 预存 款 : 记录 了 会 员 充值 和 提现 金额 的 情况 。 在 充值 管理 模块 下 ， 可 以 查看 会 员 充值 列表 。 在 提现 管理 模块 下 ， 可 以 查看 会 员 提 现 列 表 。 预 存款 明细 显示 会 员 充 值 和 提现 金额 的 记录 ， 可 以 通过 会 员 


名 、 管 理 员 名 、 预 存款 类 型 等 字段 进行 查询 ， 查 找 所 需要 的 信息 。 
分 享 绑 定 设置 : 可 以 设置 QQ 空间 、 腾 讯 微 博 、 新 浪 微 博 的 应 用 接口 信息 及 是 否 开启 相应 站 外 分 享 功能 。 
“ 买 家 动态 : 管理 用 户 动态 及 评论 信息 ， 可 以 对 用 户 动态 及 评论 进行 查看 、 显 示 、 屏 蔽 和 删除 操作 。 
(5) 交易 
“ 订单 管理 : 管理 用 户 所 有 与 订单 相关 的 信息 。 根 据 订 单 信息 、 时 间 、 人 金额 和 状态 ， 我 们 可 进行 查询 、 查 看 、 取 消 订 单 和 确认 收 货 等 操作 。 
“ 退 款 管理 : 审核 退 款 订单 ， 管 理 所 有 退货 订单 ， 可 以 对 订单 进行 查看 和 删除 操作 。 
“ 退货 管理 : 对 退货 订单 进行 审核 ， 管 理 退货 订单 ， 可 以 对 退货 订单 进行 查看 和 删除 操作 。 
“ 咨询 管理 : 是 管理 店铺 咨询 信息 的 操作 入 口 ， 可 以 删除 咨询 信息 
“ 举报 管理 : 是 管理 举报 产品 的 操作 入 口 。“ 举 报 类 型 ”和 “举报 主题 ”分 别 是 举报 类 型 的 管理 和 举报 主题 的 管理 的 操作 入 口 。 在 管理 人 员 处 理 完 举报 以 后 ， 举 报信 息 被 放 入 “已 处 理 ” 模 块 下 。 


“ 评价 管理 : 买 家 可 以 在 订单 完成 后 对 商品 进行 评价 ， 也 可 以 对 店铺 进行 评价 ， 管 理 员 可 对 评价 进行 管 


“ 投诉 管理 : 是 管理 投诉 信息 的 操作 入 口 。 点 击 “ 详 细 ” 操 作 ， 可 以 查看 投诉 详细 信息 。 通 过 “投诉 设置 ”按钮 可 以 进行 投诉 设置 ， 通 过 “新 投诉 ”、“ 待 申诉 ”、“ 对 话 中 ”、“ 待 仲裁 ”、“ 已 关 
闭 ”按钮 可 以 查看 相应 状态 的 投诉 信息 ， 通 过 “投诉 主题 ”、“ 添 加 主题 ”按钮 可 以 进行 投诉 主题 的 管理 。 


(6) 网 站 

文章 分 类 : 是 对 系统 文章 分 类 的 管理 ， 可 以 增加 、 编 辑 、 删 除 、 新 增 下 级 分 类 。 

“ 文章 管理 : 是 管理 文章 的 操作 入 口 ， 可 以 添加 、 编 辑 、 删 除 文章 ， 可 以 通过 标题 、 文 章 分 类 等 字段 进行 查询 。 

“ 系统 文章 : 对 系统 文章 的 管理 ， 可 以 编辑 ， 但 不 可 新 增 或 删除 。 

页 面 导航 : 是 对 页 面 导 航 的 管理 ， 可 以 增加 、 编 辑 、 删 除 导航 信息 。 对 导航 的 添加 主要 在 头 部 、 中 部 和 底部 三 个 地 方 。 导 航 类 型 包括 自 定义 导航 、 商 品 分 类 、 文 章 分 类 、 活 动 四 种 。 


“ 广告 管理 : 用 于 丰富 界面 和 特色 产品 宣传 ， 可 查看 全 站 所 有 广告 位 ， 可 以 新 增 、 编 辑 、 删 除 广告 


“ 首页 管理 : 对 首页 版 块 进行 管理 。 基 本 设计 可 以 修改 版 块 名 称 、 黑 认 风 格 、 排 序 ; 版 块 编辑 可 修改 相对 应 的 版 块 信息 ， 如 标题 图 片 、 推 荐 分 类 、 活 动 图 片 、 推 荐 商品 、 商 品 排行 、 广 告 图 片 、 推 荐 品 
牌 。 

“ 推荐 位 : 是 广告 功能 一 个 有 效 补充 。 推 荐 位 不 会 生成 JS 代码 ， 而 是 直接 生成 PHP 代 码 ， 减 少 了 http 请 求 次 数 ， 可 以 复制 推荐 位 代码 放 在 商城 前 台 展 准 荐 位 支持 文字 和 图 片 形 式 。 

(7) 运营 


“ 基本 设置 : 设置 对 预存 款 、 人 金币 、 积 分 、 积 分 中 心 、 商 品 促销 、 团 购 等 功能 的 开启 与 关闭 操作 ， 并 可 设置 对 会 员 注 册 、 登 录 、 订 单 商品 评论 、 购 物 等 赠送 积分 的 数量 。 


“ 团购 管理 : 对 平台 团购 信息 的 管理 。 管 理 员 可 以 审核 新 的 团购 活动 申请 、 取 消 进行 中 的 团购 活动 或 删除 团购 活动 。 可 以 查看 参加 团购 活动 的 店铺 和 商品 。 对 团购 分 类 、 团 购 地 区 和 团购 价格 区 间 进 行 
增 、 删 、 改 、 查 等 操作 。 设 置 购买 团购 活动 所 需 的 金币 数量 。 


“ 兑换 礼品 : 是 管理 积分 兑换 礼品 的 操作 入 口 ， 可 以 设置 礼品 的 上 架 、 推 荐 状态 。“ 礼 品 列表 ”是 礼品 管理 的 操作 入 口 ， 可 以 查看 、 编 辑 、 删 除 礼 品 。“ 新 增 礼品 ”可 以 进行 礼品 新 增 的 操作 。“ 兑 换 
列表 ”是 管理 兑换 礼品 的 操作 入 口 ， 可 以 通过 兑换 单 号 、 会 员 名 称 、 支 付 方式 、 状 态 等 字段 进行 查询 。 


“ 活动 管理 : 是 管理 平台 活动 的 操作 入 口 ， 可 以 新 增 、 编 辑 、 删 除 活动 ， 可 以 设置 活动 的 开始 及 结束 时 间 等 。 通 过 活动 列表 后 的 “处 理 申请 ”按钮 可 以 查看 商家 提交 的 活动 申请 并 作 相 关 处 理 。 


“ 会 员 统 计 : 按照 时 间 对 新 增 会 员 、 会 员 分 析 、 会 员 规模 分 析 、 区 域 、 购 买 等 进行 相关 数据 的 分 析 。 


“ 店铺 统计 : 按照 店铺 分 类 对 新 增 店铺 、 热 卖 排 行 、 销 售 统计 、 店 铺 等 级 、 地 区 分 布 等 进行 相关 的 数据 统计 。 


“ 销量 分 析 : 按照 时 间 对 店铺 的 销售 收入 进行 数据 统计 ， 以 及 按照 相应 的 条 件 统计 预存 款 及 订单 。 


“ 商品 分 析 : 统计 商品 销量 明细 、 价 格 销量 、 热 卖 商 品 等 。 


“ 营销 分 析 : 按照 时 间 对 促销 商品 及 团购 商品 进行 统计 。 


1.2 圈子 


BBS， 全 称 为 Bulletin Board System， 是 Internet 上 的 一 种 电子 信息 服务 系统 。 它 提供 一 块 公共 电子 白板 ， 每 个 用 户 都 可 以 在 上 面 通过 书写 来 发 布 信息 或 提出 看 法 。 它 是 一 种 交互 性 强 、 内 容 丰 富 而 及 
时 的 Internet 电 子 信息 服务 系统 ， 用 户 在 BBS 站 点 上 可 以 获得 各 种 信息 服务 、 发 布 信息 、 进 行 讨论 、 聊 天 等 。 而 圈子 则 是 BBS 的 升级 版 本 ， 与 BBS 相 比 圈子 更 加 注重 互动 性 与 私密 性 。 在 整个 电子 商务 平台 中 
起 到 商品 的 推广 、 分 享 等 重要 作用 。 圈 子 的 整体 功能 如 图 1-3 所 示 。 


下 面 介绍 标准 圈子 应 具备 的 功能 。 


“ 圈子 设置 : 设置 圈子 开关 状态 、 圈 子 名 称 、LOGO、 创 建新 转子 开关 、 发 布 /回复 话题 开关 等 。 


“成员 头 衔 设 置 : 设置 头衔 名 称 、 所 需 经 验 值 ， 也 可 以 添加 参考 头衔 。 


“ 圈子 分 类 管理 : 是 管理 圈子 分 类 的 操作 入 口 ， 可 以 设置 圈子 的 名 称 、 是 否 推 荐 、 开 关 状 态 ， 还 可 以 对 圈子 分 类 进行 新 增 、 编 辑 或 删除 操作 。 


“ 圈子 管理 : 是 管理 圈子 的 操作 入 口 。 可 以 对 圈子 进行 新 增 、 审 核 、 编 辑 或 删除 操作 ， 还 可 以 把 圈子 推荐 到 首页 。 


“ 圈子 话题 管理 : 可 以 对 话题 进行 查看 、 回 复 或 删除 操作 。 


“ 圈子 成 员 管 理 : 成 员 列 表 按 照 加 入 的 圈子 显示 ， 可 以 对 成 员 进 行 推荐 、 查 看 或 删除 操作 。 


“ 圈子 举报 管理 : 管理 圈子 的 举报 信息 ， 可 以 对 举报 信息 进行 删除 操作 。 


外 发 布 时 间 控制 
发 布 内 容 下 限 


全 超级 管理 员 管 理 
伟 圈 主管 理 圈 内 事物 


四 设置 il 
管理 员 管 理 设置 Ee 


keywords 和 设置 成 员 头衔 名 称 及 
时 应 经 验 


description 


四 设置 所 有 会 员 
等 级 规则 
重 设置 经 验 获 取 规 则 


鲁 后 台 总 体 管理 


9 平台 后 台 建立 圈子 


壬 校园 系列 
壬 名 气 系列 
时 内 涵 系 列 
是 军衔 系列 
全 查询 圈子 成 员 名 称 里 武侠 系列 
和 9 查询 圈子 名 称 

鲁 按 条 件 筛选 


6 审核 新 增 轿子 
外 编辑 分 类 
9 删除 分 类 


外 查看 圈子 及 成 员 


鲁 查看 话题 回复 数量 推荐 圈子 全 删除 圈子 及 成 员 


推荐 成 员 


会 员 举报 管理 
里 建立 新 分 类 
和 @ 页 面 广告 管理 
子 / BBS 
circle @ 分 享 站 内 商品 
自 图 友 分 享 
选 定 创建 圈子 
“分 类 日 查看 精华 “ 自 查 
设置 精华 ”@ 设 @ 站 外 推广 
利信 息 分 享 


全 申请 圈 内 管理 员 


局 9 发 布 至 第 三 方 平台 
遇 作 发 丰 的 。。 如 微 博 、 微 信和 


全 书写 申请 理由 


壬 圈子 话题 简介 鲁 平 台 审核 理由 .添加 圈子 间 
友情 链接 
鲁 发 起 的 热门 话题 
二 我 发 起 的 举报 
是 圈 主 对 圈子 内 的 
Bi 鲁 后 台 设置 的 
最 热门 的 回复 


e 成 员 列表 
自 成 员 管理 
@ 个 人 帖子 中 心 


全 圈子 描述 
重 圈子 公告 
二 圈子 LOHO 


二 申请 审核 心 
申请 管理 全 个 人 圈子 中 心 


全 管理 英 除 的 帖子 


图 1-3 轿子 功能 示意 图 


1.3 CMS 


CMS 是 Content Management System 的 缩写 ， 即 “文章 管理 系统 ”。 在 整个 电子 商务 平台 中 起 到 重要 的 商品 推广 作用 ， 如 图 1-4 所 示 。 在 CMS 中 各 种 文章 、 画 报 、 专 题 的 发 布 及 商品 的 软 性 推广 ， 极 
大 地 增强 了 对 买 家 的 黏度 ， 提 高 平台 的 浏览 量 与 成 交 量 。 一 篇 好 的 图 文 推广 往往 能 产生 意 想不到 的 结果 。 
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图 1-4 ”CMS 推广 方式 与 途径 


下 面 介绍 成 熟 的 CMS 应 具备 的 功能 。 

: CMS 管理 : 对 CMS 开关 、LOGO、 评 论 开 关 、 心 情 开 关 等 进行 设置 。 

“ 首页 管理 : 设置 首页 页 面 布 局 ， 可 以 对 各 模块 进行 编辑 、 删 除 或 关闭 操作 。 

“ 文章 管理 : 管理 CMS 中 文章 的 操作 入 口 。 可 以 直接 在 列表 中 修改 文章 的 浏览 次 数 ， 开 局 或 关闭 心情 和 评论 功能 。 可 以 对 文章 进行 查看 、 审 核 、 回 收 或 删除 操作 。 


“ 文章 分 类 : 对 文章 进行 编辑 、 新 增 或 删除 操作 。 


“ 画报 管理 : 管理 CMS 中 画报 的 操作 入 口 。 可 以 直接 在 列表 中 修改 画报 的 浏览 次 数 ， 开 启 或 关闭 心情 和 评论 功能 。 可 以 对 画报 进行 查看 、 审 核 、 回 收 或 删除 操作 。 
“ 画报 分 类 : 对 画报 进行 编辑 、 新 增 或 删除 操作 。 

: 专题 管理 : 可 以 对 专题 进行 新 增 、 查 看 、 编 辑 或 删除 操作 。 可 对 专题 发 布 位 置 进 行 管理 。 

“ 标签 管理 : 管理 CMS 中 标签 的 操作 入 口 。 可 以 直接 在 列表 中 修改 标签 名 称 、 排 序 。 可 以 对 文章 进行 新 增 或 删除 操作 。 


“ 评论 管理 : 对 CMS 中 的 评论 进行 管理 ， 删 除 违规 评论 。 


1.4 IM 


1M 是 即时 通信 系统 Instant Messaging 的 缩写 ， 是 可 以 让 买卖 双方 在 线 即时 沟通 的 工具 ， 其 在 电子 商务 平台 中 的 作用 是 不 言 而 喻 的 。 每 一 个 成 功 的 电 商 平台 都 有 自己 的 IM 通 信 系 统 ， 如 淘宝 的 旺旺 、 腾 
讯 的 QQ、 京 东 的 叮 咯 都 是 IM 的 表现 形式 。 


1.5 ”移动 端 


如 今 手机 等 移动 设备 已 经 成 为 现代 生活 必 不 可 少 的 一 部 分 ， 随 着 智能 手机 的 广泛 普及 ， 各 种 手机 应 用 软件 也 应 运 而 生 。 对 于 一 个 标准 电子 商务 平台 的 手机 客户 端 而 言 ，Android、ISO、WAP 等 是 必 不 
可 少 的 ， 并 可 提供 移动 客户 端 下 载 设置 ， 系 统 可 控制 并 修改 下 载 地 址 ， 以 及 在 前 台 具 有 对 应 下 载 链接 及 手机 二 维 码 扫描 功能 ， 还 可 以 自动 判断 机 型 并 提供 对 应 预 设 安装 包 下 载 。 辅 助手 机 客户 端 或 其 他 类 型 
扩展 新 增 预 设 接口 ， 如 图 1-5 所 示 。 


奶粉 ”跑步 机 ”文胸 


美丽 毒 有 时 岗 > 


三 折 购 无 伪 


2014 新 就 鲜花 长 袖 


所 局 看 敌 必 慌 


图 1-5 ”移动 端 商城 功能 界面 


以 下 是 移动 端的 标准 功能 描述 。 


“ 首页 设置 : 用 于 设置 手机 首页 版 块 ， 可 对 图 片 、 标 题 、 描 述 、 关 键 词 等 进行 编辑 ， 可 按照 排序 值 排序 。 


“ 分 类 图 片 设置 : 用 于 设置 手机 端 分 类 图 标 ， 可 进行 新 增 、 编 辑 、 删 除 等 操作 。 


: 下 载 设置 : 输入 APP 下 载 地 址 及 相应 的 安装 版 本 信息 ， 并 且 可 在 前 台 生 成 二 维 码 。 


1.6 ”本章 小 结 


本 章 通过 对 电 商 平台 标准 化 套件 的 介绍 ， 帮 助 大 家 理解 标准 化 这 个 概念 ， 后 面 章节 的 内 容 均 是 围绕 这 几 个 标准 化 套件 来 前 述 的 。 


第 2 章 ” 电 商 平台 的 技术 架构 


电 商 平台 的 技术 架构 涉及 很 多 方面 ， 有 软件 的 和 硬件 的 ， 主 要 可 以 归纳 为 8 个 部 分 ， 它 们 分 别 是 操作 系统 、 应 用 服务 器 、 负 载 均衡 、 缓 存 、 数 据 存储 、 文 件 存储 、 消 息 队列 、 搜 索 设计 和 开发 框架 ， 


将 对 这 8 个 部 分 分 别 进行 介绍 。 我 们 将 电 商 平台 技术 架构 整理 成 如 图 2-1 所 示 ， 使 大 家 有 一 个 整体 的 认 知 。 后 面 内 容 将 对 图 中 的 主要 点 作 介绍 。 


缓存 -Varnish 


图 2-1 大 型 电 商 平台 架构 


监控 


本 章 


2.1 操作 系统 


服务 器 端的 操作 系统 目前 主要 包 


舌 Windows、UNIX 和 Linux 三 大 系列 。 


目前 已 知 的 Windows 重 要 版 本 包括 : Windows 2000 Server、Windows Server 2003、Windows Server 2003 R2、Windows Server 2008、Windows Server 2008 R2、Windows Server 2012。 


Windows 服 务 器 操作 系统 的 典型 应 


是 结合 .NET 构 建 服务 器 。 


UNIX 服 务 器 操作 系统 由 AT&T 公 司 和 SCO 公 司 共同 推出 ， 主 要 支持 大 型 的 文件 系统 服务 、 数 据 服 务 等 应 用 。 


FreeBSD 等 。 


Linux 操 作 系统 与 UNIX 操 作 系统 类 似 ， 不 过 它 不 是 UNIX 操 作 系统 的 变种 ， 几 如 


前 市 面 


上 流传 的 主要 有 SCO SVR、BSD Unix、SUN Solaris、IBM-AIX、HP-U、 


所 有 UNIX 的 工具 都 可 以 运行 在 Linux 上 。Linux 的 发 行 版 可 分 为 两 类 ， 一 类 是 商业 公司 维护 的 发 行 版 本 ， 一 类 是 社区 组 织 


维护 的 发 行 版 本 ， 前 者 以 著名 的 Redhat (RHEL) 为 代表 ， 后 者 以 Debian 为 代表 。Redhat 系 列 包括 RHEL (Redhat Enterprise Linux， 收 费 版 本 ) 、FedoraCore (由 原来 的 Redhat 桌 面 版 本 发 展 而 来 ， 免 


费 版 本 ) 、CentOS (RHEL 的 社区 克隆 版 本 


CentOS 作 为 一 种 免费 开源 稳定 的 服务 器 操作 系统 ， 它 支持 众多 软件 平台 的 运行 ， 目 前 被 越 来 越 多 的 网 站 所 使 F 


2.2 ”应 用 服务 器 


应 


服务 器 在 这 里 指 的 是 完成 一 般 业务 的 服务 器 ， 它 可 以 分 为 两 大 类 : 前 端 服务 器 和 后 端 服务 器 。 前 端 服务 器 主要 完成 


RHEL 和 CentOS 的 稳定 性 都 非常 好 ， 很 适合 于 服务 器 使 


， 免 费 ) ， 稳 定性 方面 


，Debian 系 列 (包括 Debian 和 Ubuntu 等 ) 更 适合 桌面 上 


户 的 响应 ， 


的 电 商 平台 可 能 对 前 后 端 区 分 得 并 不 是 很 严格 ， 前 
关系 、 结 算 等 子 系统 。 这 也 是 云 计 算 的 小 前 端 大 后 端的 趋势 ， 给 


服务 器 。 在 运营 规模 达到 一 定量 级 后 ， 众 多 模块 (或 子 系统 ) 将 运行 于 后 端 ， 


后 端 可 能 会 共 


户 。 


。 电 商 平台 的 服务 器 系统 优先 推荐 CentOS。 


后 端 服 务 器 主要 完成 数据 处 理 ， 特 别 是 大 数据 下 的 处 理 ， 中 小 规模 
以 支持 整个 平台 的 运行 ， 


这 些 模块 有 统计 、 行 为 分 析 、 客 户 


户 带 来 最 简单 的 用 户 体验 。 后 端的 技术 实现 模式 可 能 综合 和 


多 种 技术 手段 共同 实现 ， 而 不 


局 限 某 一 种 语言 或 技术 。 


架构 ) 来 实现 ， 如 J2EE、PHP、.NET、C、 


己 的 实际 情况 ， 综 合 考虑 成 本 支出 、 现 有 技 


与 后 端 服务 器 相 比 ， 前 端 服务 器 位 置 更 靠 前 ， 其 服务 器 性 能 的 高 低 直接 会 影响 到 用 户 的 体验 。 前 端 应 用 服务 器 根据 实现 业务 的 不 同 可 能 使 用 不 同 的 规范 (或 
C++ 等 都 是 可 能 使 用 的 技术 手段 。 关 于 这 几 种 技术 的 比较 已 经 是 老生 常 谈 的 话题 了 ， 这 里 不 做 过 多 阐述 ， 没 有 一 种 语言 绝对 比 另 一 种 语言 强 ， 开 发 者 应 当 根据 自 
术 体系 、 实 现 业务 、 目 前 规模 等 要 素 ， 采 用 最 适合 自己 的 技术 实现 手段 。 


前 端 一 般 情况 下 需要 频繁 变化 ， 使 


1) Scanning (Lexing) ， 将 PHP 代 码 转换 为 语言 片段 (Tokens) 。 


2) Parsing， 将 Tokens 转 换 成 简单 而 有 意义 的 表达 式 。 


3) Compilation， 将 表达 式 编译 成 Opocdes。 


4) Execution， 顺 次 执行 Opcodes， 每 次 一 条 ， 从 而 实现 PHP 脚 本 的 功能 。 


PHP 来 实现 工作 更 加 高 效 快 捷 。 或 许 有 人 认为 PHP 每 次 都 需要 时 时 解析 会 使 它 的 响应 速度 变 慢 ， 我 们 先 看 一 人 PHP 的 编译 过 程 。PHP 执 行 代码 会 经 过 如 下 4 个 步骤 。 


在 源 代 码 未 发 生 改 动 的 情况 下 ， 如 果 把 Opcodes 缓 存 起 来 不 就 可 以 了 吗 ? 是 的 ， 当 访问 某 一 PHP 文 件 时， 系统 会 直接 从 缓存 中 取得 Opcodes 来 执行 ， 这 样 就 省 去 了 执行 前 3 个 步骤 的 时 间 。APC 就 是 一 


个 不 错 的 缓存 工具 ， 推 荐 使 用 。 


就 电 商 平台 而 言 ， 这 里 的 前 端 服务 器 可 以 直接 理解 为 Web 服 务 器 。 提 到 Web 服 务 器 ， 不 得 不 说 的 就 是 Web 服 务 软件 ， 目 前 3 


(1) Apache 


Apache 是 非常 强大 的 老牌 Web 
程 来 响应 ， 当 访问 量 较 大 时 ， 会 占 


肛 务 器 ， 


(2) Nginx 


Nginx 是 一 款 十 分 轻 量 级 的 HTTP 服 务 器 ， 同 时 也 是 一 款 非常 不 错 的 反 向 代理 、 负 载 均衡 服务 器 。Nginx 以 事件 驱动 ， 专 为 性 能 优化 而 开发 ， 支 持 内 核 Poll 模 型 ， 
有 很 高 的 稳定 性 。 其 他 HTTP 服 务 器 在 遇 到 访问 的 峰值 或 恶意 攻击 时 ， 很 可 能 会 因 服务 器 物理 内 存 频繁 交换 而 导致 内 存 耗 尽 ， 最 终 导 致 服务 器 失去 响应 ， 而 Nginx 采 取 了 分 阶段 资源 分 配 技术 ， 使 得 它 的 
率 非常 低 。Nginx 官 方 表示 保持 10000 个 没有 活动 的 连接 ， 只 占 2.5MB 内 存 ， 所 以 在 抵御 类 似 DOS 攻 击 时 ，Nginx 有 非常 出 色 的 表现 。 除 此 之 外 ， 就 稳定 性 而 言 ，Nginx 比 Lighttpd 更 胜 一 


CPU 与 内 存 占 
筹 。 


较 多 的 系统 资源 (主要 是 CPU 和 内 存 ) ， 所 以 高 并 发 的 处 理 并 不 是 Apache 


有 模块 化 结构 ， 拥 有 众多 非常 成 熟 稳定 的 模块 ， 目 前 仍 是 使 用 非常 广泛 的 服务 器 ， 但 它 是 
的 强项 。 


于 多 进程 的 HTTPServer， 需 


EF 流 的 Web 服 务 软件 有 Apache、Nginx、lIS、Lighttpd 和 Tomcat 等 。 


对 每 个 用 户 请 求 创建 一 个 子 进程 / 线 


能 经 受 高 负载 的 考验 ， 并 且 在 高 负载 下 


Nginx 支 持 热 部 署 ， 


启动 非常 容易 ， 并 


(3) Lighttpd 


Lighttpd 是 一 款 轻 量 级 Web 服 务 器 ， 占 有 


内 存 小 


CPU 负荷 低 ， 是 服务 于 静态 内 容 的 不 错 选择 。 


(4) lIS 


11S 作 为 运行 在 Windows 环 境 下 的 Web 


低 成 本 、 易 扩展 的 特点 。 从 开源 、 投 入 、 扩 


(5) Tomcat 


Tomcat 服 务 器 是 一 个 免费 的 开源 Web 应 用 服务 器 ， 属 于 轻 量 级 应 用 服务 器 ,是 


差 。 


Lighttpd 是 一 个 单 进程 模型 的 Web 服 务 器 ， 内 存 使 有 
分 段 内 存 分 配 策略 ， 按 需 分 配 及 时 释放 ， 总 体 占 


Nginx 使 


展 、 性 能 等 方面 考虑 ，I1S 均 不 是 优先 考虑 对 象 。 


发 和 调试 JSP 程 序 的 首选 。Tomcat 和 11S 等 Web 服 务 器 一 样 ， 


几乎 可 以 做 到 不 间断 运行 ， 即 使 运行 数 月 也 不 需要 重新 启动 。Nginx 还 可 以 在 不 间断 服务 的 情况 下 进行 版 本 升级 。 


有 务 器 软件 ， 可 以 对 .NET、PHP 等 进行 解析 。11S 只 能 运行 于 Windows 下 ， 而 绝 大 多 数 开 源 架构 或 软件 最 佳 搭配 环境 为 LinuxX/UNIX， 这 是 


有 处 理 HTML 页 面 


为 lIS 不 具有 开源 软件 


的 功能 ， 但 处 理 静 态 页 面 的 能 力 较 


量 很 小 。Nginx 在 内 存 分 配方 面 表现 良好 ， 它 使 
内 存 很 小 ， 可 支持 较 大 的 并 发 连接 。Apache 在 运行 时 使 


较 大 的 内 存 ， 是 多 进程 模型 ， 使 


多 线程 来 处 理 请 求 ， 这 使 得 多 个 线程 之 间 可 以 共享 内 存 资源 ， 从 而 使 内 存 使 用 量 大 


大 减少 。 此 多 


基 了 


内 存 池 策略 的 内 存 管理 方法 ， 使 得 在 运行 开始 


时 便 一 次 性 申请 大 片 内 存 作为 内 存 池 ， 这 样 在 随后 需 
Nginx 就 说 明 它 的 优势 是 不 言 而 喻 的 。 笔 者 建议 ， 如 果 开 发 框架 采 


的 时 候 只 在 内 存 池 中 直接 获取 ， 不 需要 再 分 配 ， 


因此 不 适合 大 并 发 量 的 情况 。Nginx 作 为 一 个 后 起 之 秀 ， 发 展 速度 非常 迅猛 ， 
了 LNMP 架 构 ， 可 以 优先 考虑 Nginx+php-fpm 组 合 部 署 Web 服 务 器 ， 后 期 可 视 情形 进行 有 针对 性 的 调 优 。 


前 各 大 网 站 纷纷 采 


2.3 ”负载 均衡 


随 着 用 户 量 和 业务 量 的 提高 ， 服 务 器 的 处 理 压 力 不 断 增 大 ， 一 台 服 务 器 根本 无 法 承担 ， 在 这 种 情况 下 ， 可 行 的 办 法 就 是 增加 一 台 服 务 器 来 分 担 它 的 压力 ， 这 时 就 需要 一 台 调度 器 来 完成 调度 工作 。 


负载 均衡 (Load Balance) ， 就 是 将 负载 (工作 任务 ) 进行 平衡 、 分 摊 到 多 个 操作 单元 上 执行 ， 例 如 Web 服 务 器 组 、FTP 服 务 器 组 、 数 据 从 服务 器 组 以 及 其 他 企业 关键 应 用 服务 器 等 ， 从 而 共同 完成 工 
作 任 务 。 


负载 均衡 可 以 分 为 软件 负载 均衡 和 硬件 负载 均衡 。 常 用 的 硬件 负载 均衡 器 有 F5 BIG-IP、Citrix NetScaler、Cisco CSS、A10 等 ， 这 些 产品 都 价格 不 菲 ， 费 用 高 达 几 十 万 甚至 更 多 ， 中 小 企业 一 般 不 会 采 
。 软 件 负载 均衡 主要 有 LVS、HAProxy 和 Nginx 等 ， 这 些 都 是 免费 开源 上 且 成 熟 稳定 的 ， 所 以 很 多 客户 更 愿意 优先 考虑 。 下 面 将 对 主要 的 负载 均衡 产品 进行 介绍 。 


区 FS 


F5 是 一 种 硬件 负载 均衡 器 ， 全 称 为 F5 BIG-IP， 官 方 名 称 为 本 地 流量 管理 器 ， 可 做 4~7 层 负载 均衡 ， 具 有 负载 均衡 、 应 用 交换 、 会 话 交 换 、 状 态 监控 、 智 能 网 络 地 址 转换 、 通 用 持续 性 、 响 应 错误 处 理 、 
1Pv6 网 关 、 高 级 路 由 、 智 能 端口 镜像 、SSL 加 速 、 智 能 HTTP 压 缩 、TCP 优 化 、 内 容 缓冲 、 内 容 转换 、 连 接 加 速 、 高 速 缓存 、Cookie 加 密 、 选 择 性 内 容 加 密 、 应 用 攻击 过 滤 、 拒 绝 服务 (DoS) 攻击 和 SYN 
Flood 保 护 、 防 火 墙 一 一 包 过 滤 、 包 消毒 等 功能 。 


下 面 介绍 F5 BIG-IP 作 为 HTTP 负 载 均衡 器 的 主要 作用 。 


“ F5 BIG-IP 提 供 12 种 灵活 的 算法 将 所 有 流量 均衡 地 分 配 到 各 个 服务 器 ， 而 对 用 户 而 言 它 就 是 一 台 虚 拟 服务 器 。 


“ F5 BIG-IP 可 以 确认 应 用 程序 能 否 对 请 求 返回 对 应 的 数据 。 假 如 F5 BIG-IP 后 面 的 某 一 台 服 务 器 发 生 服 务 停止 、 死 机 等 故障 ，F5 会 检查 出 来 并 将 该 服务 器 标识 为 死机 状态 ， 并 且 不 再 向 该 服务 器 分 发 任 
务 。 这 样 只 要 有 一 台 服 务 器 能 正常 工作 ， 用 户 的 访问 就 不 会 受到 影响 。 死 机 的 服务 器 一 旦 修复 ，F5 BIG-IP 就 会 自动 将 该 服务 器 重新 加 入 分 发 的 队列 。 


" F5 BIG-IP 具 有 动态 Session 的 会 话 保持 功能 。 


“ F5 BIG-IP 的 iRules 功 能 可 以 实现 HTTP 内 容 过 滤 ， 根 据 不 同 的 域名 、URL， 将 访问 请 求 传 送 到 不 同 的 服务 器 。 


232 ‘LVS 


LVS 全 称 为 Linux Virtual Server， 是 由 章 文 党 博士 ( 现 为 淘宝 网 基础 核心 软件 研发 负责 人 ) 主持 的 自由 软件 项 目 ， 它 是 一 个 负载 均衡 /高 可 用 性 群集 ， 主 要 针对 大 业务 量 的 网 络 应 用 (如 新 闻 服 务 、 网 上 
银行 、 电 子 商 务 等 ) 。LVS 是 由 一 个 主 控 服 务 器 及 若干 真实 服务 器 所 组 成 的 集群 。Real-server 负 责 提供 服务 ， 主 控 服 务 器 根据 指定 的 调度 算法 对 Real-server 进 行 调度 控制 。 而 群集 的 结构 对 于 用 户 来 说 是 不 
透明 的 ， 客 户 端 只 与 单个 的 IP (群集 系统 的 虚拟 IP) 进行 通信 ， 从 客户 端的 视角 来 看 ， 这 个 集群 就 相当 于 一 台 服 务 器 。Real-server 可 以 提供 很 多 服务 ， 如 FTP、HTTP、DNS、TELNET、SMTP 等 。LVS 集 群 
技术 可 以 使 用 Linux 操 作 系统 实现 一 个 高 性 能 、 高 可 用 的 服务 器 ， 它 具有 很 好 的 可 伸缩 性 、 可 靠 性 和 可 管理 性 。 下 面 介 绍 LVs 主 要 特点 


“ 抗 负载 能 力 强 ，LVS 是 工作 在 网 络 4 层 之 上 仅 作 分 发 之 用 ， 没 有 流量 的 产生 ， 所 以 它 在 负载 均衡 软件 中 性 能 最 强 。 
“ 配置 简单 ， 没 有 可 太 多 配置 的 东西 ， 减 少 了 人 为 出 错 的 几率 。 

“ 工作 稳定 ， 自 身 有 完整 的 双 机 热 备 方案 ， 如 LVS+Keepalived。 

“应 用 范围 比较 广 ， 几 乎 可 以 对 所 有 应 用 做 负载 均衡 。 

LVS 有 三 种 工作 模式 ， 它 们 分 别 是 VS/NAT、VS/TUN 和 VS/DR。 


1.VS/NAT 技 术 


VS/NAT (Virtual Server Via NAT) 是 指 网 络 地 址 转换 技术 ， 由 一 台 负 载 均衡 服务 器 和 后 端 几 台 真实 服务 器 组 成 了 一 个 服务 器 集群 。 此 时 负载 均衡 服务 器 又 称 为 虚拟 服务 器 ， 它 是 直接 面向 对 外 服务 
的 。 当 用 户 从 外 网 发 起 请 求 时 ， 首 先 会 请 求 到 虚拟 服务 器 (负载 均衡 器 ) ， 虚 拟 服务 器 根据 调度 算法 从 一 组 真实 的 服务 器 中 选 出 一 台 服 务 器 ， 将 请 求 报 文 的 目标 地 址 改 成 真实 服务 器 的 地 址 ， 同 时 记录 转发 
信息 到 HASH 表 中 ; 真实 服务 器 接 到 请 求 后 ， 做 相应 处 理 ， 将 回复 数据 包 发 往 虚 拟 服务 器 ; 虚拟 服务 器 收 到 真实 服务 器 的 回复 数据 包 ， 查 找到 HASsH 表 中 关联 的 连接 记录 ， 然 后 对 数据 包 做 SNAT 操 作 ， 将 数 
据 包 的 目标 地 址 改写 为 客户 地 址 并 发 给 客户 机 。VS/NAT 的 体系 结构 如 图 2-2 所 示 。 
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2-2 VS/NAT 技 术 


由 图 
果 是 一 样 的 。 服 务 器 Load Balancer 被 称 为 虚拟 服务 器 ， 对 于 客户 端 来 说 它 的 IP 地 址 被 称 为 虚拟 IP 地 址 。 


2.VS/TUN 技 术 


VS/TUN (Virtual Server via IP Tunneling) 的 工作 原理 是 : 连接 调度 和 管理 与 VS/NAT 中 的 一 样 ， 只 是 报 文 转发 方法 不 同 。 调 度 器 根 
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2-2 可 知 ， 在 一 组 服务 器 前 有 一 个 调度 器 (Load Balancer) ， 它 们 之 间 是 通过 Switch/HUB 相 连接 的 。 这 些 服务 器 提供 相同 的 网 络 服务 、 相 同 的 内 容 ， 即 不 管 请 求 被 发 送 到 哪 一 台 服 务 器 ， 执 行 结 


居 各 个 服务 器 的 负载 情况 动态 地 选择 一 台 服务 器 ， 将 请 求 报 文 封 


装 在 另 一 个 IP 报 文中 ， 再 将 封装 后 的 |P 报 文 转发 给 选择 的 服务 器 ; 服务 器 在 收 到 报 文 后 ， 先 将 报 文 解析 以 获得 原来 目标 地 址 为 VIP 的 报 文 ， 服 务 器 发 现 VIP 地 址 被 配置 在 本 地 的 IP 隧 道 设备 上 ， 所 以 会 处 理 这 


个 请 求 ， 然 后 根据 路 由 表 将 响应 报 文 直接 返回 给 客户 ， 如 图 


2-3 所 示 。 
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图 2-3 VS/TUN 技 术 
3.VS/DR 技 术 


在 VS/DR (Virtual Server via Direct Routing) 中 ， 调 度 器 根据 各 个 服务 器 的 负载 情况 ， 动 态 地 选择 一 台 服 务 器 ， 不 修改 也 不 封装 IP 报 文 ， 而 是 将 数据 帧 的 MAC 地 址 改 为 选 出 服务 器 的 MAC 地 址 ， 再 


将 修改 后 的 数据 帧 向 服务 器 组 的 局 域 网 上 发 送 。 因 为 数据 帧 的 MAC 地 址 是 选 出 的 服务 器 ， 所 以 服务 器 肯定 可 以 收 到 这 个 数据 帧 ， 从 中 可 以 获得 该 |P 报 文 。 当 服务 器 发 现 报 文 的 目标 地 址 VIP 是 在 本 地 的 网 络 
设备 上 ， 服 务 器 会 处 理 这 个 报 文 ， 然 后 根据 路 由 表 将 响应 报 文 直接 返回 给 客户 ， 如 图 2-4 所 示 。 
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图 2-4 VS/DR 技 术 
4. 三 种 工作 模式 比较 


(1) VS/NAT 


VS/NAT 的 优点 是 服务 器 可 以 运行 任何 支持 TCP/IP 的 操作 系统 ， 它 只 需要 一 个 IP 地址 配置 在 调度 器 上 ， 服 务 器 组 可 以 
本 身 有 可 能 成 为 系统 的 新 瓶颈 ， 因 为 在 VS/NAT 中 请 求 和 响应 报 文 都 需要 通过 负载 调度 器 。 


私有 的 IP 地 址 。 缺 点 是 它 的 伸缩 能 力 有 限 ， 当 服务 器 节点 数目 升 到 20 时 ， 调 度 器 


(2) VS/TUN 


在 VS/TUN 的 集群 系统 中 ， 负 载 调度 器 只 将 请 求 调度 到 不 同 的 后 端 服务 器 ， 后 端 服务 器 将 应 答 的 数据 直接 返回 给 用 户 。 这 样 ， 负 载 调度 器 就 可 以 处 理 大 量 的 请 求 ， 甚 至 可 以 调度 百 台 以 上 的 服务 器 ( 同 
等 规模 的 服务 器 ) 而 不 会 成 为 系统 的 瓶颈 。 即 使 负载 调度 器 只 有 100Mbps 的 全 双 工 网 卡 ， 整 个 系统 的 最 大 吞吐 量 可 超过 1Gbps。 所 以 ，VS/TUN 可 以 极 大 地 增加 负载 调度 器 调度 的 服务 器 数量 ， 可 以 用 来 构 
建 高 性 能 的 超级 服务 器 。VS/TUN 技 术 对 服务 器 有 要 求 ， 即 所 有 的 服务 器 必须 支持 “IP Tunneling” 或 者 “IP Encapsulation” 协 议 。 目 前 ，VS/TUN 的 后 端 服务 器 主要 运行 Linux 操 作 系统 。 


(3) VS/DR 


跟 VS/TUN 方 法 一 样 ，VS/DR 调 度 器 只 处 理 客户 到 服务 器 端的 连接 ， 响 应 数据 可 以 直接 从 独立 的 网 络 路 由 返回 给 客户 ， 可 以 极 大 地 提高 LVS 集 群 系统 的 伸缩 性 。 与 VS/TUN 相 比 ， 这 种 方法 没有 IP 隧 道 的 
开销 ， 但 是 要 求 负载 调度 器 与 实际 服务 器 都 有 一 块 网 卡 连 在 同一 物理 网 段 上 ， 服 务 器 网 络 设备 (或 者 设备 别名 ) 不 作 ARP 响 应 ， 或 者 能 将 报 文 重 定向 (Redirect) 到 本 地 的 Socket 端 口上 。 


通过 IP 隧 道 实现 虚拟 服务 器 的 方法 VS/TUN， 和 通过 直接 路 由 实现 虚拟 服务 器 的 方法 VS/DR 都 是 实际 部 署 中 不 错 的 选择 。 


5.LVS 的 调度 算法 


LVS 负 载 均衡 将 任务 调度 到 不 同 的 后 端 服务 器 是 通过 调度 算法 来 实现 的 。LVS 共 内 置 了 8 种 调度 算法 ， 它 们 分 别 是 : 


1) 轮 询 调度 ， 主 要 指 按 顺 序 从 Real Servers 中 选择 一 台 Real Servers。 


2) 加 权 轮 询 调度 ， 将 Real Servers 设 置 一 定 权 值 ， 进 行 调度 。 
3) 最 小 连接 调度 ， 按 照 Real Servers 的 连接 情况 进行 调度 。 


4) 加 权 最 小 连接 ， 根 据 设置 的 权 值 和 现 有 的 连接 数 进 行 调度 。 


5) 基于 局 部 性 的 最 小 连接 ， 主 要 用 于 增 大 Cache 命 中 。 


6) 待 复制 的 基于 局 部 性 的 最 小 连接 。 


7) 目标 地 址 散 列 调度 。 


8) 源 地 址 散 列 调度 。 


轮 询 调度 会 均等 地 对 待 每 一 台 服 务 器 ,分 配 到 每 台 服 务 器 的 压力 是 均衡 的 ， 部 署 中 各 服务 器 的 配 


2.3.3 Nginx 


一 般 都 是 相同 的 。 使 用 轮 询 是 比较 合适 的 ， 它 也 是 目前 最 常用 的 调度 算法 。 


Nginx 既 可 作为 负载 均衡 器 也 可 作为 反 向 代理 服务 器 ， 配 置 非常 简单 ， 可 以 按 轮 询 、IP_HASH、URL_HASH、 权 重 等 多 种 方法 对 后 端的 服务 器 进行 调度 ， 同 时 还 支持 对 后 端 服 务 器 的 健康 检查 。 由 于 


Nginx 是 基于 第 7 层 的 负载 均衡 ， 根 据 头 部 的 信息 执行 负载 任务 ， 可 对 http 应 用 执行 分 流 策略 


2.3.4 HAProxy 


HAProxy 是 一 个 适用 于 高 可 用 性 环境 的 TCP/HTTP 反 向 代理 和 负载 均衡 开源 软件 ， 它 在 7 


(如 对 域名 、 目 录 ) 


层 负载 均衡 方面 的 功 


。 Nginx 对 网 络 的 依赖 性 较 小 。 


能 很 强大 (支持 cookie track，header rewrite 等 )， 支 持 双 机 热 备 ， 支 持 虚拟 主机 ， 支 持 


健康 检查 (通过 patch 可 以 支持 ECV) ， 同 时 还 提供 直观 的 监控 页 面 ， 可 以 清晰 实时 的 监控 服务 集群 的 运行 状况 。 同 时 支持 Linux 2.6 内 核 中 System Epoll， 大 幅 提 高 了 网 络 |/O 性 能 。 


HAProxy 的 特点 是 : 


1) 能 够 补充 Nginx 的 一 些 缺 点 ， 比 如 Session 的 保持 ，Cookie 的 引导 等 工作 。 


2) 支持 URL 检 测 ， 如 果 后 端的 服务 器 出 了 问题 ， 它 可 以 通过 URL 检 测 ， 及 时 发 现 并 进行 相应 处 理 。 


3) 从 效率 上 来 讲 ，HAProxy 会 比 Nginx 有 更 出 色 的 负载 均衡 速度 。 


4) HAProxy 可 以 对 MySQL 读 操作 进行 负载 均衡 ， 对 后 端的 MySQL 节 点 进行 检测 和 负载 均衡 。 


可 以 从 访问 量 、 资 金 预算 、 技 术 储备 等 方面 综合 考虑 ， 从 节约 的 角度 来 看 ， 前 期 可 以 使 


2.4 缓存 


Nginx 或 HAProxy 生 


点 负载 均衡 ， 后 期 各 方面 条 件 成 熟 以 后 再 使 用 LVS 或 F5。 


缓存 可 以 分 为 两 部 分 : 文件 缓存 和 数据 缓存 。 文 件 缓存 主要 指 的 是 静态 内 容 (如 HTML 网 页 、 图 片 、 音 视频 文件 、 脚 本 文件 等 ) ， 这 些 可 以 通过 CDN 分 发 处 理 ， 从 而 提高 网 站 响应 速度 。 当 然 还 可 以 通 
过 varnish 或 squid 缓 存 服务 器 来 处 理 ， 同 样 也 可 以 提高 响应 速度 。 数 据 缓存 是 指 对 某 些 数据 进行 缓存 ， 这 些 数 据 可 以 是 经 常 使 用 的 数据 、 经 过 复杂 的 运算 才 得 出 的 数据 等 ， 如 网 站 的 基本 配置 信息 、 商 品 的 
访问 量 、 评 论 数 、 商 家 旗下 的 商品 数量 等 都 是 可 以 缓存 的 对 象 。 缓 存 的 工具 同样 也 很 多 ， 比 如 redis、memcache 都 是 不 错 的 缓存 工具 ， 但 对 于 商城 而 言 ， 优 先 推荐 持久 化 的 redis。 下 面 将 缓存 要 素 归纳 为 


以 下 几 个 小 节 进 行 详细 介绍 。 


2.4.1 客户 端 缓存 


现在 越 来 越 多 的 图 片 、 脚 本 、css、flash 被 嵌入 到 页 面 中 ， 当 我 们 访问 它们 的 时 候 势必 会 做 许多 次 http 请 求 。 其 实 ， 我 们 可 以 通过 设置 网 页 头 部 报 文中 的 时 间 属 性 来 缓存 这 些 文件 。 缓 存 时 间 
(Expires) 是 通过 头 部 (header) 报 文 来 指定 特定 类 型 的 文件 在 浏览 器 中 的 缓存 时 间 。 大 多 数 的 图 片 、flash 在 发 布 后 都 是 不 需要 经 常 修 改 的， 做 了 缓存 以 后 再 次 浏览 就 不 需要 再 从 服务 器 下 载 这 些 文件 ， 


Header ("Cache-Control: must-revalidate"); 

Soffset = 60 * 60 * 24 * 30; 

$ExpStr = "Expires: " . gmdate("D, d MY H:i:s", time() + $offset) . " GMT"; 
Header ($ExpStr); 


2.4.2 ”CDN 加 速 


直接 从 缓存 中 读 取 即 可 ， 这 样 再 次 访问 页 面 的 速度 会 大 大 加 快 。 例 如 ， 在 PHP 中 设置 30 天 后 过 期 : 


CDN 的 全 称 是 Content Delivery Network， 即 内 容 分 发 
个 节点 服务 器 从 而 构成 一 个 在 现 有 的 互联 网 基础 之 上 的 一 层 智 介 


跑 


SG 


离 用 户 最 近 的 服务 节点 上 。 其 目的 是 使 用 户 可 就 近 取 得 所 需 内 容 ， 解 决 Internet 网 络 拥挤 的 状况 ， 提 高 


， 其 基本 思路 是 尽 可 能 避 开 互联 网 上 有 可 能 影响 数据 传输 速度 和 稳定 性 的 瓶颈 和 环节 ， 使 内 容 传 输 的 更 快 、 更 稳定 。 通 过 在 网 络 各 处 放置 多 
虚拟 网 络 ，CDN 系 统 能 够 实时 地 根据 网 络 流量 和 各 节点 的 连接 、 负 载 状况 ， 以 及 到 用 户 的 距离 和 响应 时 间 等 综合 信息 将 用 户 的 请 求 重 新 导向 


户 访问 网 站 的 响应 速度 。 


对 于 大 型 电 商 平台 而 言 ， 一 般 需 要 建 CDN 做 网 络 加 速 ， 如 淘宝 、 京 东 都 采用 自 建 CDN， 中 小 型 的 企业 可 以 采用 与 第 三 方 CDN 广 商 合作 ， 如 蓝 汛 、 网 宿 、 快 网 等 。 


用 户 


用 户 


用 户 


图 2-5 ”CDN 内 容 分 发 


2.4.3 ”静态 文件 缓存 


静态 文件 缓存 主要 用 到 的 是 Varnish/Squid， 它 在 Web 服 务 器 前 面 添加 了 一 层 缓存 ， 可 缓存 图 片 、js 等 格式 的 文件 ， 当 访问 这 些 文 件 时 ， 会 先 从 缓存 服务 器 中 查找 ， 如 果 未 命中 ， 才 会 去 请 求 Web 服 务 
器 。 关 于 Varnish 和 Squid 的 详细 介绍 大 家 可 以 去 网 上 查询 相关 资料 ， 这 里 不 再 乾 述 。 


2.4.4 数据 缓存 


数据 缓存 方面 使 用 较 多 的 是 Memcache 和 Redis。Memcache 是 一 款 非常 优秀 的 内 存 缓存 工具 ， 相 信 大 家 对 它 已 经 有 所 了 解 ， 这 里 不 再 歼 述 。Redis 也 是 一 个 Key-value 存 储 系统 ， 和 Memcache 类 似 ， 
但 它 支持 更 多 的 存储 类 型 ， 包 括 string (字符 串 ) 、list (链表 ) 、set (集合 ) 、zset (sorted set， 有 序 集合 ) 和 hash ( 哈 希 类 型 ) 。Redis 通 常 将 全 部 的 数据 存储 在 内 存 中 ， 但 它 也 支持 持久 化 。 目 前 
Redis 通 过 两 种 方式 实现 持久 化 ， 一 种 是 使 用 快照 ， 它 是 一 种 半 持 久 耐用 模式 ， 不 时 将 数据 集 以 异步 方式 从 内 存 中 以 RDB 格 式 写 入 硬盘 ; 另 一 种 是 AOF， 从 1.1 版 本 开始 使 用 更 安全 的 AOF 格 式 蔡 代 ， 它 是 一 
种 只 能 追加 的 日 志 类 型 ， 将 数据 集 修改 操作 记录 起 来 。Redis 能 够 在 后 台 对 只 可 追加 的 记录 作 修改 以 避免 无 限 增长 的 日 志 。Redis 的 出 现 很 大 程度 弥补 了 Memcache 这 类 key-value 存 储 的 不 足 ， 在 部 分 场合 
可 以 对 关系 数据 库 起 到 很 好 的 补充 作用 。Redis 提 供 了 Python、Ruby、Erlang 和 PHP 的 AP1， 使 用 很 方便 。 


Redis 支 持 主 从 同步 。 数 据 可 以 从 主 服 务 器 向 任意 数量 的 从 服务 器 同步 ， 从 服务 器 又 可 以 是 关联 其 他 从 服务 器 的 主 服务 器 ， 这 使 得 Redis 可 执行 单 层 树 复制 。 由 于 完全 实现 了 发 布 /订阅 机 制 ， 使 得 从 数据 
库 在 任何 地 方 同步 树 时 ， 可 订阅 一 个 频道 并 接收 主 服 务 器 完整 的 消息 发 布 记 录 。 同 步 对 读 取 操作 的 可 扩展 性 和 数据 元 余 很 有 帮助 。 


在 电 商 平台 中 ， 很 多 数据 都 可 以 放 入 Redis 缓 存 中 ， 如 网 站 的 基本 配置 信息 、 商 品 的 访问 量 、 评 论 数 、 商 家 旗下 的 商品 数量 等 都 是 可 以 缓存 的 对 象 。 


2.5 ”数据 存储 


数据 存储 可 以 分 为 以 下 几 类 : 
“ 关系 型 数据 库 ， 以 Oracle、MySQL 为 代表 。 
“ key-value 数 据 库 ， 以 Redis 和 Memcache 为 代表 。 


. 文档 型 数据 库 ， 以 MongoDB 为 代表 。 


“ 分布 式 面向 列 的 数据 库 ， 以 HBase 为 代表 。 


每 种 类 型 的 数据 库 应 用 的 业务 领域 是 不 一 样 的 。 下 面 从 关系 型 、 内 存 型 、 分 布 式 三 个 方面 在 电 商 平台 的 应 用 作 一 下 分 析 。 


2.5.1 ”关系 型 数据 库 


在 当前 电 商 平台 中 ， 使 用 较 多 的 关系 型 数据 库 至 少 有 三 种 ， 它 们 分 别 为 : MySQL、Oracle、SQL Server。 从 使 用 率 、 技 术 成 本 、 投 入 成 本 等 综合 考虑 ，MySQL 肯 定 是 首选 。 本 节 的 内 容 我 们 只 围绕 
MySQL 展 开 。 


MySQL 最 常用 的 存储 引擎 为 MyISAM、InnoDB， 其 中 InnoDB 提 供 事务 安全 表 ， 其 他 存储 引擎 都 是 非 事务 安全 表 。MyISAM 是 MySQL 的 默认 存储 引擎， 支持 事务 ， 也 不 支持 外 键 ， 但 其 访问 速度 快 ， 
对 事务 完整 性 没有 要 求 。InnoDB 存 储 引 擎 提供 了 具有 提交 、 回 滚 和 毅 溃 恢复 能 力 的 事务 安全 。 但 是 比 起 MylSAM 存 储 引 擎 ，InnoDB 写 的 处 理 效率 要 差 一 些 ， 并 且 会 占用 更 多 的 磁盘 空间 以 保留 数据 和 索 
引 。 


在 电 商 平台 中 ， 使 用 最 多 的 两 个 存储 引擎 也 是 MyISAM 和 InnoDB。 由 前 面 得 知 ，InnoDB 引 警 支 持 事务 ， 而 电 商 平台 的 一 大 特性 就 是 对 事务 的 支持 ， 电 商 的 一 些 基 础 功能 如 下 单 、 退 单 、 充 值 等 环节 都 
需要 作 事 务 处 理 ， 这 样 才能 最 大 程度 保证 数据 的 完整 性 、 一 致 性 ， 所 以 InnoDB 存 储 引擎 就 成 了 电 商 平台 唯一 的 选择 。 


2.5.2 ”内 存 型 数据 库 


内 存 型 数据 库 的 代表 是 Redis、MongoDB 等 ， 它 强调 高 并 发 ， 但 在 事务 方面 远 不 及 关系 型 数据 库 。 


关于 Redis 的 介绍 可 查看 2.4.4 节 ， 这 里 不 再 介绍 。 


MongoDB 以 多 线程 方式 通信 ， 主 线程 监听 新 的 连接 ， 连 接 后 ， 启 动 新 的 线程 做 数据 的 操作 (10 切换 ) 。 


MongoDB 在 数据 存储 上 按 命名 空间 来 划分 ， 一 个 collection 是 一 个 命名 空间 ， 一 个 索引 也 是 一 个 命名 空间 ， 同 一 个 命名 空间 的 数据 被 分 成 很 多 个 Extent，Extent 之 间 使 用 双向 链表 连接 。 在 每 一 个 
Extent 中 ， 保 存 了 具体 每 一 行 的 数据 ， 这 些 数据 也 是 通过 双向 链接 连接 的 ， 每 一 行 数 据 存储 空间 不 仅 包 括 数据 占用 空间 ， 还 可 能 包含 一 部 分 附加 空间 ， 这 使 得 在 数据 update 变 大 后 可 以 不 移动 位 置 。 
MongoDB 索 引 以 BTree 结 构 来 实现 。 


在 MongoDB 中 使 用 了 操作 系统 底层 提供 的 内 存 映射 机 制 ， 即 mmap，MongoDB 调 用 mmap 把 磁盘 中 的 数据 映射 到 内 存 中 的 ， 所 以 必须 有 一 个 机 制 时 刻 地 刷 数据 到 硬盘 才能 保证 可 靠 性 。 


2.5.3 “分 布 式 数据 库 


在 高 并 发 的 访问 下 ， 传 统 的 关系 型 数据 库 (如 MySQL) 提供 读 写 分 离 的 方案 ， 但 在 大 并 发 下 会 产生 数据 不 一 致 的 问题 。 这 时 我 们 可 能 会 考虑 对 MySQL 数 据 进行 切 分 、 分 库 分 表 ， 但 随 着 越 来 越 多 的 海 
量 数据 ， 维 护 起 来 也 越 来 越 复杂 。 在 大 数据 下 ， 主 备 、 主 从 、 多 主 、 分 库 、 分 表 、 数 据 切 分 等 方案 都 不 是 很 好 的 解决 办 法 ， 它 们 无 法 做 到 高 可 用 和 高 伸缩 ， 这 时 就 需要 HBase 了 。 分 布 式 数据 库 HBase 有 一 
套 完善 的 解决 方案 ， 适 用 于 高 并 发 海量 数据 存 取 的 要 求 。 


HBase 基 于 列 式 存储 ， 存 储 高 效 并 且 低 1O。 通 常 的 查询 不 需要 一 行 的 全 部 字段 ， 大 多 数 只 需要 几 个 字段 ， 而 面向 行 的 存储 中 ， 每 次 查询 都 会 将 全 部 数据 取出 ， 然 后 再 从 中 选 出 需要 的 字段 。 面 向 列 的 存 
储 系统 可 以 单独 查询 某 一 列 ， 从 而 大 大 降低 1O， 同 列 数据 具有 很 高 的 相似 性 ， 会 增加 压缩 效率 。 


关于 分 布 式 数据 库 ， 更 详细 的 信息 建议 大 家 去 看 相关 专业 资料 ， 这 里 只 是 作为 一 种 解决 方案 引出 而 已 。 分 布 式 数据 库 适 用 于 大 数据 ， 但 对 于 中 小 平台 而 言 ， 关 系 型 MySQL 数 据 库 还 是 最 佳 首选 。 


2.5.4 ” MySQL 可 扩展 方案 


由 于 在 目前 电 商 平台 中 MySQL 的 使 用 率 最 高 ， 所 以 我 们 将 MySQL 扩 展 方案 专门 用 一 节 来 介绍 。 在 电 商 平台 运营 初期 ， 由 于 用 户 量 、 访 问 量 一 般 都 比较 低 ， 不 进行 较 大 优化 的 MySQL 是 完全 可 以 胜任 
的 ， 但 随 着 用 户 量 、 访 问 量 的 不 断 增 大 ， 就 必须 考虑 MySQL 的 扩展 方案 了 。 目 前 有 以 下 几 个 方案 可 选 。 


(1) MySQL Cluster 


这 是 MySQL 官 方 提供 的 集群 方案 ， 其 特点 为 可 用 性 及 性 能 非常 高 ， 每 份 数据 至 少 可 以 在 不 同 主机 上 存 一 份 副本 ， 且 宛 余数 据 复制 实时 同步 ， 但 它 的 维护 成 本 同样 非常 高 ， 目 前 真正 用 于 线 上 环境 的 极 
上 ， 所 以 暂 不 推荐 。 


Ce 


(2) DRBD 硬 盘 网 络 镜像 


DRBD (Distributed Replicated Block Device) 是 一 个 用 软件 实现 的 、 无 共享 的 、 服 务 器 之 间 镜像 块 设备 内 容 的 存储 复制 解决 方案 ， 它 的 特点 是 功能 强大 ， 数 据 可 在 底层 块 设备 级 别 跨 物 理 主机 镜像 ， 
目 可 以 根据 性 能 和 可 靠 性 要 求 配置 不 同 级 别 的 同步 ，/O 操 作 会 保持 顺序 ， 可 满足 数据 库 对 一 致 性 的 要 求 ， 但 非 分 布 式 文件 系统 无 法 支持 镜像 数据 同时 可 见 ， 性 能 和 可 靠 性 相互 矛盾 ， 无 法 适用 于 性 能 和 可 千 
性 要 求 苛刻 的 环境 ， 维 护 成 本 高 于 MySQL Replication 方 案 。 大 家 可 以 考虑 根据 自身 环境 来 决定 是 否 部 署 。 


(3) MySQL Replication 


MySQL Replication 即 MySQL 的 主 从 复制 ， 是 使 用 最 多 的 一 种 架构 ， 如 
的 一 种 方案 ， 也 是 优先 推荐 方案 。 


哆 | 


2-6 所 示 ， 主 服务 器 将 SQL 记 录 到 | 日 志文 件 ， 从 服务 器 读 取 这 个 日 志文 件 后 将 SQL 应 用 到 自身 。 这 是 我 们 在 实际 应 用 中 使 用 最 / 


(4) MySQL 数 据 切 分 


通过 MySQL Replication 方 案 可 以 从 一 定 程序 上 缓解 平台 的 压力 ， 一 旦 数据 库 过 于 庞大 ， 尤 其 是 当 写 入 过 于 频繁 时 ， 很 难 由 一 台 主机 支撑 ， 还 是 会 再 次 面临 瓶颈 。 这 时 我 们 可 以 考虑 数据 库 切 分 技术 。 


Replication 
DB Master 


关于 数据 切 分 ， 大 家 可 能 已 经 有 所 了 解 ， 它 核心 思想 不 是 做 成 类 似 分 布 式 数据 库 。 简 单 来 说 ， 切 分 就 是 指 通过 某 种 特定 的 算法 ， 将 存放 在 同一 个 库 ( 表 
分 散 单 台 设 备 负载 的 效果 。 数 据 切 分 同时 还 可 以 提高 系统 的 总 体 可 用 性 ， 因 为 单 台 设 备 死机 之 后 ， 只 有 这 人 台 设 备 上 的 数据 不 可 


DB Slaves 


图 2-6 MySQL Replication 


数据 切 分 根据 其 切 分 规则 可 以 分 为 两 种 : 一 种 是 按照 不 同 的 表 来 切 分 到 不 同 的 数据 库 (主机 ) 之 上 ， 这 种 切 分 可 以 称 为 数据 的 


按照 某 种 算法 拆 分 到 多 个 表 中 ， 这 种 切 分 称 为 数据 的 水 平 切 分 。 


水 平 切 分 与 垂直 切 分 相 比 ， 相 对 来 说 稍 复杂 一 些 。 因 为 要 将 同一 个 表 中 的 不 同 数据 拆 分 到 不 同 的 数据 库 中 ， 对 于 应 


杂 一 些 ， 但 对 于 减轻 系统 压力 来 说， 这 种 做 法 也 更 彻底 ， 是 在 高 并 发 大 数据 下 的 推荐 处 理 方法 。 


2.6 文件 存储 


文件 存储 在 电 商 平台 中 主要 是 指 对 图 片 的 存储 ， 因 为 在 电 商 平台 中 图 片 文件 是 最 多 的 。 在 网 站 初期 ， 因 为 负载 、 数 


E 直 切 分 ;另外 一 种 是 根据 表 中 的 数据 的 逻辑 关系 ， 将 同一 个 表 中 的 数据 


存储 很 容易 变 成 瓶颈 ， 可 能 因为 图 片 的 /O 过 高 造成 服务 器 崩溃 ， 也 可 能 图 片 过 多 而 占 满 磁盘 空间 等 ， 无 论 哪 种 原因 ， 从 长 远 看 部 署 独立 的 图 片 存储 是 非常 有 必要 的 。 


中 的 数据 分 散 存 放 到 多 个 库 ( 表 ) 中 ， 以 达到 
， 其 他 设备 的 数据 还 可 继续 对 外 提供 服务 。 


垂直 切 分 的 最 大 特点 就 是 规则 简单 ， 实 施 方便 ， 尤 其 适合 各 业务 之 间 的 耦合 度 非常 低 ， 相 互 影 响 很 小 ， 业务 逻辑 非常 清晰 的 系统 。 在 这 种 系统 中 ， 可 以 很 容易 做 到 将 不 同业 务 模块 所 使 用 的 表 分 拆 到 不 
同 的 数据 库 中 。 根 据 不 同 的 表 来 进行 拆 分 ， 对 应 用 程序 的 影响 也 更 小 ， 拆 分 规则 也 会 比较 简单 清晰 ， 但 由 于 是 垂直 拆 分 ， 核 心 表 在 高 并 发 下 还 是 会 出 现 瓶颈 问题 。 


程序 来 说 ， 拆 分 规则 本 身 就 较 根据 表 名 来 拆 分 更 为 复杂 ， 后 期 的 数据 维护 也 会 更 复 


居 都 不 是 很 大 ， 程 序 文件 和 图 片 共同 存 放 在 一 台 服 务 器 ， 但 随 着 网 站 的 发 展 ， 图 片 的 


提 到 图 片 存储 ， 我 们 很 容易 就 会 想到 共享 存储 ， 目 前 最 容易 的 解决 方式 就 是 使 用 NFS 方 式 。NFS 即 网 络 文件 系统 ， 是 使 用 软件 方式 实现 的 ， 对 服务 器 端的 要 求 很 低 ， 普 通 的 PC 甚至 都 可 以 ， 通 过 在 每 台 
Web 服 务 器 上 挂 载 服务 器 端 开 放出 来 的 目录 ， 实 现 了 文件 的 远程 存储 和 共享 。NFS 是 软件 实现 ， 当 然 目前 也 有 许多 专业 的 硬件 存储 设备 可 以 选择 ， 像 |BM、DELL 都 有 成 熟 的 存储 设备 ， 这 些 设备 基本 是 通过 


SAN、NAS 模 式 来 实现 的 。 


在 大 型 平台 上 ， 一 般 是 采用 分 布 式 文件 存储 系统 ， 像 HDFS、FastDFS 等 都 是 不 错 的 选择 。 


2.7 消息 队列 


消息 队列 对 电 商 平台 特别 是 大 型 电 商 平台 来 说 是 不 可 或 缺 的 部 分 ， 电 商 平台 中 的 众多 操作 ， 如 邮件 发 送 、 短 信 发 送 、 商 品 


属性 更 改 后 需要 通知 各 类 促销 模块 ， 以 及 执行 时 间 较 长 的 


insert/update/delete 等 ， 这 些 操作 如 果 在 小 型 站 点 中 使 用 同步 方式 处 理 姑 目 可 以 容忍 ， 但 在 大 型 平台 中 ， 由 于 用 户 量 、 访 问 量 特别 大 ， 使 用 同步 处 理会 造成 站 点 的 堵塞 ， 用 户 可 能 需要 等 待 很 长 时 间 ， 


有 


的 甚至 会 直接 超时 。 但 如 果 只 是 简单 将 操作 都 改 成 js 异步 触发 ， 同 样 不 是 很 好 的 解决 办 法 ， 用 户 需要 发 出 js 请 求 并 等 待 返回 ， 大 量 异 步 js 请 求 同 样 会 造成 系统 的 压力 猛 增 ， 直 至 堵塞 ， 所 以 将 这 些 费 时 但 又 不 
需要 立刻 完成 的 请 求 放 入 一 个 队列 中 ， 然 后 由 队列 来 执行 这 些 任务 ， 在 将 任务 放 入 队列 后 ， 用 户 不 需要 等 待 任务 的 执行 ， 而 是 继续 进行 下 面 的 操作 ， 这 样 极 大 提高 了 用 户 体验 。 


目前 常见 的 消息 系统 有 ActiveMQ、Gearman、MemcacheQ、RabbitMQ、HTTPSQS 淘 宝 MetaQ NSQ 等 ， 除 了 以 上 专业 的 消息 队列 系统 以 外 ， 还 有 许多 基于 


Memcache/Redis 的 消息 队列 等 。 比 如 ShopNC B2B2C 商 城 系 统 从 兼容 性 、 扩 展 性 、 易 维护 等 角度 考虑 ， 采 上 
展 。 


PHP+Redis 模 式 实现 消息 队列 ， 系 统 对 入 列 和 上 


F 第 三 方 存储 设备 的 消息 系统 ， 如 基于 
列 操作 进行 了 封装 ， 易 部 署 、 易 维护 和 易 扩 


2.8 搜索 设计 


搜索 可 以 说 是 用 户 在 购买 商品 前 第 一 个 要 使 用 的 功能 。 一 般 电 商 平台 有 成 王 上 万 甚至 更 多 商品 ， 用 户 如 果 想 要 快速 精准 地 找到 自己 想 要 的 商品 ， 搜 索 是 唯一 的 选择 。 


搜索 的 处 理 可 能 有 多 种 方式 ， 最 初 可 能 会 停留 在 数据 库 阶段 ， 通 过 模糊 查询 来 处 理 ， 但 在 大 数据 下 这 会 给 数据 库 带 来 很 大 的 压力 。 MySQL 自 身 也 提供 了 全 文 检 索 ， 但 它 有 一 些 限 制 ， 只 有 MYISAM 类 型 
的 表 才 支持 FULLTEXT 全 文 索引 ， 只 能 在 char、varchar 和 text 建 立 索 引 ， 对 中 文 支持 从 佳 ， 在 大 数据 下 的 表现 还 有 待 验证 ， 这 时 选择 一 个 适合 的 搜索 引 敬 就 至 关 重 要 了 。 


目前 开源 的 企业 级 搜索 引擎 主要 有 lucene、sphinx， 以 及 国内 的 搜索 引擎 xunsearch。 关 于 它们 之 间 的 优点 及 弊端 这 里 不 再 介绍 ， 网 上 有 许多 介绍 的 文章 ， 从 易 用 性 、 对 中 文 的 支持 、 搜 索 效 率 等 方面 
综合 考虑 优先 推荐 xunsearch。 


2.9 开发 框架 


开发 框架 对 大 家 来 说 并 不 陌生 ，Java、PHP、JS、Android 等 都 有 很 多 成 熟 的 框架 。 使 用 成 熟 的 框架 开发 可 以 避免 一 些 重复 性 的 基础 工作 ， 极 大 提高 我 们 的 开发 效率 ， 同 时 也 易于 扩展 。 但 对 于 电 商 平 
台 而 言 ， 使 用 一 款 目前 成 熟 的 通用 型 框架 可 以 加 快 开发 速度 ， 同 时 也 会 带 来 部 分 性 能 损失 ， 需 要 对 框架 进行 有 针对 性 的 二 次 开发 才能 使 性 能 达到 最 佳 。 


例如 ，shopNC 商 城 系统 是 ShopNC 开 发 团队 借鉴 了 国内 外 优秀 的 开源 程序 与 开发 模式 ， 结 合 多 年 电 商 平台 开发 经 验 ， 采 用 PHP5+ MySQL 技 术 为 基础 ， 结 合 OOP&MVC 模 式 ， 开 发 出 LAMP 下 基于 电 


商 平 台 的 专 有 框架 ， 如 图 2-7 所 示 。 
访 让 一 人 口 ee 
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图 2-7 ShopNC 电 商 平台 框架 


2.10 ”本 章 小 结 


本 章 从 操作 系统 、 应 用 服务 器 、 负 载 均衡 、 缓 存 、 数 据 存储 、 文 件 存储 、 消 息 队 列 、 搜 索 、 开 发 框架 8 个 方面 对 电 商 平台 技术 选 型 作 了 阐述 ， 但 限于 篇 幅 未 从 实现 角度 做 过 多 的 介绍 ， 本 章 仅 作为 抛 砖 引 
玉 ， 对 其 中 某 些 选 型 方案 感 兴趣 的 读者 可 以 去 查阅 相关 专业 书籍 。 


第 3 章 ”商城 套件 的 设计 与 实现 


3.1 会 员 模 块 


电子 商务 网 站 推广 的 最 终 目 的 是 获得 更 多 的 忠诚 会 员 。 会 员 是 电子 商务 一 切 业务 的 基础 。 无 论 是 C2C、B2C 还 是 B2B2C 模 式 的 网 站 ， 发 展会 员 并 进行 定期 访问 和 维护 的 制度 是 其 营销 战略 的 一 个 重心 。 
为 了 适应 现代 经 济 竟 争 的 变化 ， 电 商 平台 开始 了 从 “以 产品 为 中 心 ”的 模式 到 “以 客户 为 中 心 ” 的 模式 的 战略 转变 。 


对 于 做 电子 商务 的 企业 来 阅 ， 不 管 在 运营 的 哪个 阶段 ， 做 好 会 员 营销 要 比 搞 流量 靠 谱 。 这 样 不 仅 能 直接 促进 销售 ， 更 有 利于 通过 会 员 制度 建立 起 忠实 的 客户 群 ， 从 而 期 望 形成 较为 稳定 的 销售 支撑 ， 并 
可 能 通过 不 断 强化 会 员 的 忠诚 度 来 展开 口碑 营销 式 的 推广 。 可 见 会 员 对 于 企业 是 多 么 重要 。 


第 3 章 ”商城 套件 的 设计 与 实现 


电子 商务 网 站 推广 的 最 终 目的 是 获得 更 多 的 忠诚 会 员 。 会 员 是 电子 商务 一 切 业务 的 基础 。 无 论 是 C2C、B2C 还 是 B2B2C 模 式 的 网 站 ， 发 展会 员 并 进行 定期 访问 和 维护 的 制度 是 其 营销 战略 的 一 个 重心 。 
为 了 适应 现代 经 济 竞争 的 变化 ， 电 商 平台 开始 了 从 “以 产品 为 中 心 ” 的 模式 到 “以 客户 为 中 心 ”的 模式 的 战略 转变 。 


对 于 做 电子 商务 的 企业 来 说 ， 不 管 在 运营 的 哪个 阶段 ， 做 好 会 员 营销 要 比 搞 流量 靠 谱 。 这 样 不 仅 能 直接 促进 销售 ， 更 有 利于 通过 会 员 制度 建立 起 忠实 的 客户 群 ， 从 而 期 望 形 成 较为 稳定 的 销售 支撑 ， 并 
可 能 通过 不 断 强化 会 员 的 忠诚 度 来 展开 口碑 营销 式 的 推广 。 可 见 会 员 对 于 企业 是 多 么 重要 。 


3.1.1 模块 构成 


B2B2C 电 商 平台 中 分 为 买 家 和 卖家 两 种 会 员 。 会 员 注册 后 默认 为 平台 买 家 。 如 果 想 申请 为 卖家 ， 则 需要 在 注册 后 提交 商家 入 驻 申请 ， 经 过 平台 审核 后 才能 成 为 平台 的 卖家 。 同 时 ， 为 了 买 家 和 卖家 管理 
流程 的 清晰 ， 买 家 和 卖家 登录 口 独立 存在 。 会 员 作为 网 站 的 基础 ， 基 本 涉及 了 网 站 各 个 模块 。 图 3-1 展 示 了 会 员 构成 模块 和 主要 流程 。 


卖家 流程 
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买 家 其 他 功能 ……: 


图 3-1 会 员 构 成 模块 和 主要 流程 


3.1.2 ”设计 思路 


1. 设 计 要 求 


会 员 模 块 是 网 站 最 基本 也 是 最 重要 的 模块 ， 它 设计 得 好 坏 直接 影响 了 会 员 对 网 站 黏 性 的 高 低 。 下 面 我 们 来 探讨 一 下 会 员 模块 设计 的 几 点 要 求 。 


(1) 界面 简洁 方便 


当今 互联 网 高 速 发 展 ， 登 录 注册 已 经 成 了 网 民 最 司空 见 惯 的 事情 了 。 几 乎 每 个 网 站 都 有 一 个 登录 和 注册 页 面 。 就 是 这 么 简单 的 操作 流程 也 经 历 了 很 多 发 展 的 过 程 。 刚 开始 单一 个 注册 页 面 可 能 就 要 2~3 
个 屏幕 ， 需 要 输入 性 别 、 家 庭 住址 、 公 司 信息 等 很 多 信息 ， 注 册 一 个 会 员 就 要 花 好 几 分 钟 ， 相 当 烦 琐 ， 一 看 需要 写 这 么 多 就 让 人 产生 了 放弃 的 念头 。 后 来 慢 慢 变 成 了 今天 的 只 需要 输入 一 个 邮箱 (或 者 手 
机 ) 和 登录 密码 即 可 ， 页 面 简洁 且 让 用 户 感觉 轻松 ， 让 人 们 感觉 注册 一 个 会 员 原来 如 此 轻松 ， 不 经 意 间 就 注册 了 很 多 的 网 站 会 员 。 所 以 会 员 的 登录 和 注册 页 面 也 是 很 重要 的 ， 应 该 简洁 方便 ， 让 人 们 感觉 亲 
切 、 和 舒服, 干 万 不 要 从 一 开始 就 吓 退 了 客户 。 


(2) 多 收集 会 员 信 息 


会 员 资料 是 一 个 网 站 很 重要 的 信息 。 运 营 者 可 以 通过 会 员 资料 挖掘 很 多 的 有 效 信息 ， 为 运营 提供 依据 。 这 一 点 看 似 跟 上 面 说 的 “界面 简洁 方便 ”是 冲突 的 ， 其 实 不 然 。 注 册 和 登录 简单 、 便 捷 ， 可 以 吸 
引 更 多 的 会 员 加 入 网 站 ， 然 后 在 用 户 中 心 的 会 员 资料 或 其 他 功能 中 以 某 种 形式 (例如 送 积 分 等 ) 吸引 会 员 完 善 资料 ， 这 样 就 可 以 两 者 兼 得 了 。 要 多 多 收集 并 完好 保管 会 员 信息 。 


(3) 差异 化 管理 


网 站 不 断 运 营 发 展 ， 会 员 也 在 不 断 地 增加 ， 慢 慢 变 成 了 一 个 很 大 的 “家 庭 ”， 如 果 没有 一 定 的 约束 ， 就 会 对 家 庭 的 每 个 成 员 失去 凝聚 力 ， 使 他 们 不 追求 上 进 ， 乱 作 一 团 ， 不 知道 会 发 生 什么 事 。 所 以 网 
站 会 员 管理 需要 一 定 的 管理 纲要 和 激励 机 制 ， 让 家 庭 的 每 个 成 员 都 有 上 进 的 机 会 。 会 员 等 级 制度 、 管 理 制度 是 很 必要 的 。 不 同 级 别 会 员 享受 不 同 的 服务 ， 如 此 就 能 让 大 家 朝 着 一 个 目标 努力 ， 网 站 有 条 不 率 
的 运转 ， 会 员 的 雪 球 也 就 越 滚 越 大 。 


(4) 增加 会 员 夭 性 


网 站 获得 一 个 注册 用 户 有 时 候 需 要 付出 很 多 营销 成 本 。 如 果 这 个 用 户 注册 完 会 员 之 后 就 不 再 光临 了 ， 这 对 于 网 站 来 说 就 是 劳 而 无 功 ， 而 且 还 损失 掉 了 营销 费用 。 所 以 在 用 户 注册 成 为 会 员 后 ， 制 定 合 : 
的 制度 和 流程 吸引 会 员 再 次 浏览 网 站 ， 显 得 如 此 重要 。 常 见 的 方法 有 登录 送 积分 等 。 久 而 久之 ， 时 常 登录 网 站 成 为 习惯 ， 会 员 黏 性 自然 提高 。 


(5) 会 员 传 帮 带 


每 个 人 都 是 比较 容易 相信 身边 认识 的 人 ， 这 是 人 之 常情 。 通 过 营销 吸引 一 个 新 会 员 注册 ， 要 比 通过 老 会 员 推荐 新 会 员 注册 成 本 高 得 多 ， 而 且 前 者 的 稳定 性 也 差 。 所 以 网 站 加 入 会 员 传 帮 带 ， 老 会 员 带 新 
会 员 的 制度 和 流程 很 有 必要 。 比 如 推荐 新 会 员 奖励 积分 ， 或 者 代金 券 等 。 将 营销 的 费用 用 到 老 会 员 推荐 新 会 员 上 ， 不 仅 减 少 了 营销 费用 、 增 加 了 新 会 员 ， 而 且 也 提高 了 老 会 员 黏 性 ， 对 网 站 好 处 多 多 。 


(6) 高 内 聚 低 耦 合 


会 员 分 为 买 家 会 员 和 卖家 会 员 ， 两 者 有 着 一 定 的 联系 ， 但 很 多 功能 又 是 独立 存在 的 。 如 果 合 在 一 起 去 设计 ， 则 可 能 会 让 使 用 者 摸 不 着 头脑 ， 因 此 在 保持 两 者 有 一 定 联系 的 同时 ， 应 该 尽量 让 其 独立 存 
在 ， 也 就 是 程序 设计 中 的 高 内 聚 低 耘 合 。 例 如 买 家 会 员 登 录 和 卖家 会 员 登录 是 独立 的 两 个 页 面 ， 买 家 中 心 和 卖家 中 心 也 是 独立 的 两 个 模块 ， 这 样 让 使 用 者 感觉 很 清晰 ， 使 用 起 来 比较 舒服 。 


(7) 进行 数据 分 析 


会 员 资料 对 于 网 站 来 说 是 蕴藏 着 无 限 价值 的 宝藏 。 而 如 何 挖 握 它 就 决定 了 能 够 获得 价值 的 多 少 。 设 计 合理 的 数据 分 析 功 能 ， 对 会 员 数 据 进行 有 价值 的 数据 挖掘 ， 使 前 面 的 会 员 维护 工作 得 到 提升 。 挖 气 
的 数据 又 为 运营 服务 ， 形 成 良性 的 循环 ， 有 助 于 网 站 的 不 断 发 展 。 


2 数据 表 设 计 


下 面 我 们 来 看 看 会 员 相 关 数 据 表 的 设计 需要 注意 些 什么 。 


(1) 主 从 配合 


会 员 需要 存储 的 信息 也 是 很 繁杂 的 ， 会 员 包含 买 家 和 卖家 两 种 身份 ， 这 两 种 身份 都 需要 存储 很 多 信息 。 例 如 会 员 基本 信息 有 真实 姓名 、 联 系 方式 、 兴 趣 、 头 像 等 细小 信息 。 如 果 将 这 些 信息 都 存储 到 一 
张 表 ， 显 然 这 张 表 会 相当 大 ， 这 样 做 没有 必要 ， 还 会 影响 查询 的 速度 。 所 以 一 般 会 设计 主 从 配合 的 数据 库 表 结构 。 例 如 ， 会 员 基 本 信息 表 如 表 3-1 所 示 ， 会 员 扩展 信息 如 表 3-2 所 示 。 


表 3-1 会 员 基本 信息 表 


i 


字 段 
Imember ld 
member_name 
member truename 
member avatar 
member pwd 
member paypwd 


member_ addtime 


member points 


类 型 


varchar(50) 


| | 
| el | 人 
于 本 -一生 一 | 一 一: 


个 


认 


member state F 启 状态 0 为 关闭 ，1 为 开启 
member_loginnum 登录 次 数 
: © | $$ | .| 
表 3-2 会 员 扩展 信息 表 
字 段 类 型 默 认 说 明 
( 续 ) 
member_ mobile ET Er 移动 电话 


member ww 
member areaid 


member cityid 


表 3-1 


(2) 


在 数 


为 主 表 ， 人 存储 会 员 的 重要 目 频繁 使 
合理 使 用 元 余 
居 库 设计 原则 中 有 一 条 即 减少 数 提 


的 基本 信息 ， 表 3-2 为 从 表 ， 存 储 会 


an 


/ 湛 


/ 湛 


TT EE 
TD EE 
| 5 


所 在 地 区 ID 
所 在 城市 ID 
所 在 省 份 ID 


员 不 是 十 分 重要 且 使 


局 匈 余 节 省 存储 空间 ， 可 是 有 时 候 为 了 程序 的 设计 和 性 能 ,合理 的 宛 余 是 很 必 
低 不 必要 的 元 余 ， 保 留 合理 元 余数 据 ， 把 握 好 一 个 度 即 可 。 店 铺 信息 表 如 表 3-3 所 示 。 


次 数 较 少 的 信息 ， 在 设计 表 时 可 以 根据 具体 需要 合理 安排 字段 在 主 从 表 中 的 位 置 。 


的 。 这 样 可 以 减少 多 表 联 查 和 在 程序 中 查询 数据 库 的 次 数 ， 提 升 运 行 性 能 。 只 要 降 


表 3-3 店铺 信息 表 


| 


说 明 
店 铺 ID 
店铺 名 称 


表 3-3 中 member id 为 店铺 店主 的 会 员 ID， 细 心 的 读者 会 发 现下 面 还 有 一 个 member_name， 这 个 字段 显然 是 匈 余 字 段 ， 但 它 是 很 有 必要 存在 的 。 当 查询 店铺 信息 的 时 候 ， 一 般 需要 知道 店主 会 员 


称 ， 如 果 该 字段 不 存在 ， 则 需要 联 查 会 员 表 ， 在 网 站 中 会 员 表 的 数据 量 也 是 很 大 的 ， 店 铺 表 和 会 员 表 这 两 张 数据 量 很 大 的 表 联 查 显然 效 率 不 会 高 。 而 如 果 该 元 余 字 段 存 在 ， 只 需要 查询 一 张 店铺 表 即 可 ， 所 


以 这 样 设计 数据 库 是 合理 的 。 


(3) 结构 清 | 


会 员 作 为 网 站 的 基础 数据 与 其 他 数据 有 着 干 丝 万 缕 的 联系 。 这 就 要 缕 清 它 们 之 间 的 关系 ， 如 果 将 看 似 可 以 设置 到 一 张 表 中 的 字段 都 一 股 脑 地 添加 到 一 张 表 中 ， 可 能 导致 程序 编写 时 的 麻烦 和 后 续 数 据 库 
扩展 时 的 问题 。 例 如 : 会 员 信息 和 卖家 信息 数据 是 一 对 一 的 ， 一 个 会 员 对 应 一 条 卖家 信息 ， 当 然 也 可 以 设置 成 一 张 表 。 但 是 为 了 结构 的 清晰 和 后 续 数据 库 的 扩展 ， 所 以 建立 了 member 和 seller 两 张 表 ， 这 样 


后 续 对 seller 的 信息 扩展 不 会 影响 member 表 ， 也 更 容易 理解 。 会 员 买 家 信息 与 卖家 信息 分 表 存 储 ， 如 表 3-4 和 表 3-5 所 示 。 


表 3-4 买 家 信息 表 


member ld 
member name 


member truename 


表 3-5 卖家 信息 表 


| 


3. 模 块 设计 


1) 注册 登录 


当今 网 站 几乎 都 需要 会 员 注册 和 登录 ， 电 子 商务 网 站 更 是 如 此 ， 注 册 和 登录 是 网 站 所 有 流程 的 基础 。 在 B2B2C 电 商 平台 中 买 家 和 卖家 只 有 注册 或 者 登录 后 才能 识别 


说 明 
会 员 ID 


会 员 名 称 


真实 姓名 


说 明 
卖家 ID 
卖家 名 称 
会 员 ID 
卖家 组 编号 
店铺 编号 


卖家 快捷 操作 


该 会 员 是 否 具有 权限 执行 某 些 操作 或 


者 记录 其 操作 。 登 录 和 注册 模块 功能 是 比较 单一 的 ， 具 体操 作 即 实现 会 员 信息 的 有 效 性 验证 、 必 要 安全 设置 和 信息 记录 功能 。 除 了 简单 的 实现 外 ， 更 多 的 是 如 何 提高 程序 的 可 操作 性 ， 更 好 地 方便 用 户 使 


。 登 录 和 注册 模块 由 会 员 注册 、 用 户 登 录 和 找 回 密码 三 部 分 组 成 。 随 着 当今 开发 平台 的 兴起 ， 第 三 方 账 号 登录 功能 也 是 其 很 重要 的 构成 部 分 ， 常 用 的 第 三 方 账号 有 


立 讯 QQ、 新 浪 微 博 、 支 付 宝 等 。 


会 员 等 级 是 网 站 对 会 员 的 最 普遍 管理 制度 ， 建 立 科 学 、 完 善 有 效 的 会 员 等 级 管理 制度 ， 可 以 协助 公司 明确 业务 重点 对 象 及 指标 ， 达 成 预期 的 业绩 成 果 ， 也 是 网 站 良好 运作 和 会 员 经 营 管理 的 一 个 重要 保 
障 。 一 般 情 况 下 会 员 等 级 是 与 其 他 模块 配合 使 用 的 。 例 如 可 以 根据 会 员 积分 的 分 值 ， 划 分 会 员 等 级 ， 并 且 根 据 各 等 级 会 员 价值 的 不 同 ， 制 定 相应 的 优惠 政策 ， 吸 引 客户 再 次 购买 。 


3) 资料 管理 


完善 的 会 员 资料 可 以 帮助 企业 对 会 员 进 行 分 析 ， 从 中 挖掘 出 有 效 信息 ， 从 而 针对 不 同 会 员 进 行 不 同 的 营销 和 管理 ， 对 症 下 药方 能 立 见 奇效 。 但 是 完善 会 员 资料 这 件 事情 ， 网 站 很 被 动 ， 于 是 如 何 激励 会 
员 主 动 完善 资料 也 是 很 重要 的 ， 当 今 大 多 数 网 站 采用 根据 完善 资料 的 不 同 程度 赠 予 不 同 数值 的 积分 ， 吸 引 会 员 尽 可 能 详细 的 完善 资料 。 
4) 账号 安全 


账号 安全 问题 是 攻击 侵入 系统 的 主要 手段 之 一 ， 对 于 电子 商务 网 站 账号 安全 显得 尤为 重要 。 会 员 账号 下 可 能 存储 了 一 定数 额 的 预存 款 或 积分 ， 如 果 账号 被 盗 ， 则 意味 着 丢失 了 真 金 白银 。 所 以 电子 商务 
网 站 中 一 定 要 加 入 账号 安全 模块 ， 最 大 限度 地 保证 账号 安全 。 首 先 ， 应 该 分 别 设置 登录 密码 和 支付 密码 ， 其 次 绑 定 手机 号 或 邮箱 ， 当 提交 敏感 信息 的 时 候 ， 进 行 手机 和 邮箱 验证 ， 通 过 多 重 验证 保证 账号 的 
安全 。 在 互联 网 发 展 的 进程 中 ， 账 号 被 资 一 直 伴随 其 中 ， 我 们 应 该 引 以 为 戒 ， 建 立 完善 的 账号 安全 保障 体系 。 


5) 其 他 相关 功能 


以 上 介绍 了 会 员 的 基本 构成 模块 ， 对 于 会 员 来 说 还 有 很 多 的 相关 扩展 模块 ， 例 如 消息 通知 、 我 的 收藏 、 会 员 预 存款 、 会 员 积分 、 浏 览 记 录 、 我 的 好 友 等 。 通 过 这 些 扩展 模块 更 好 地 服务 于 会 员 ， 提 升 会 
员 黏 性 。 例 如 会 员 登 录 赠 送 积分 的 营销 方式 ， 可 以 吸引 会 员 经 常 登录 网 站 。 


(2) 商家 账户 功能 需 3 


) 商家 开店 


商家 开店 前 首先 需要 注册 会 员 账号 ， 通 过 会 员 账号 申请 开通 店铺 。 在 申请 开通 店铺 时 需要 提交 企业 基本 信息 、 各 种 证 件 的 电子 版 、 银 行 账号 等 信息 。 平 台 进行 初步 审核 通过 后 ， 商 家 提交 付款 凭证 ， 平 
台 确 认 后 为 商家 开通 店铺 。 开 通 店铺 的 商家 账号 和 会 员 账 号 进行 绑 定 ， 该 账号 为 店铺 管理 账号 ， 拥 有 店铺 的 所 有 权限 ， 可 以 建立 子 账户 。 


2) 权限 管理 


子 账户 的 权限 结构 为 账户 组 和 账户 的 结构 ， 首 先 建立 账户 组 并 为 账户 组 分 配 权限 。 商 家 可 以 通过 建立 多 个 不 同 的 权限 组 划分 不 同 的 权限 ， 完 成 各 自 的 职能 ， 使 运营 团队 可 以 高 效 地 协作 并 完成 销售 。 


3) 建立 子 账户 


店铺 可 以 建立 多 个 子 账户 ， 子 账户 可 以 协助 店铺 负责 人 管理 店铺 ， 不 同 账 户 分 配 到 不 同 权限 组 ， 以 获得 不 同 的 工作 权限 ， 分 清 每 个 人 的 工作 职责 。 所 有 子 账户 的 操作 都 会 记录 到 相应 的 操作 日 志 中 ， 方 
便 负 责 人 核对 和 管理 ， 一 旦 出 现 问题 可 以 通过 查询 日 志 来 明确 责任 人 。 还 可 以 通过 日 志 ， 对 每 一 位 员工 的 工作 情况 ， 进 行 详细 的 了 解 ， 掌 握 每 位 员工 的 工作 进度 。 


4) 店铺 资料 管理 


店铺 资料 管理 包含 很 多 重要 资料 的 管理 ， 例 如 店铺 Logo、 联 系 方式 等 的 设置 。 通 过 卖家 中 心灵 活 的 设置 店铺 重要 的 资料 ， 然 后 展示 到 前 台 店铺 页 面 ， 可 以 简便 地 做 到 前 台 页 面 店铺 信息 的 管理 ， 使 平台 
卖家 开店 变 得 简单 起 来 。 


5) 店铺 装修 


好 的 店铺 形象 能 提升 买 家 对 店铺 的 整体 印象 ， 给 买 家 留 下 深刻 的 印象 。 所 以 店铺 需要 通过 店铺 装修 模块 来 设计 和 管理 店铺 形象 ， 自 定义 店铺 颜色 、 图 片 和 显示 版 块 等 信息 。 


6) 店铺 分 类 


在 B2B2C 电 商 平台 中 ， 一 般 会 存在 很 多 经 营 不 同类 目 商品 的 店铺 ， 不 同 商品 种 类 或 不 同 店铺 需求 ， 造 成 店铺 商品 的 分 类 也 是 不 同 的 ， 所 以 在 店铺 管理 中 加 入 了 店铺 分 类 管理 。 店 铺 可 以 根据 自己 的 意愿 
设置 店铺 分 类 ， 便 于 店铺 的 顾客 快速 找到 自己 需要 的 商品 。 


7) 店铺 消费 


将 店铺 促销 等 操作 产生 的 费用 ， 统 一 记录 到 店铺 消费 中 ， 定 期 与 平台 进行 结算 。 具 体 的 结算 周期 以 平台 设置 为 准 。 


8) 其 他 相关 功能 


中 


店铺 模块 与 其 他 很 多 模块 相关 。 例 如 商品 管理 、 促 销 、 订 单 管理 、SNS 店 铺 动态 等 。 在 制作 店铺 功能 的 时 候 ， 也 要 充分 考虑 到 它 对 其 他 模块 的 影响 。 


3.1.3 ”代码 实现 


由 


要 的 就 是 登录 注册 模块 了 ， 高 效 和 安全 的 登录 注册 模块 对 于 网 站 来 说 很 重要 。 下 面 我 们 就 以 登录 和 注册 模块 代码 为 例 来 看 一 下 具体 的 实现 代码 。 


会 员 中 最 


1. 会 员 注册 模块 


会 员 注册 模块 实现 的 主要 功能 是 验证 用 户 填 写 的 信息 是 否 合法 、 验 证 用 户 是 否 已 经 存在 、 将 注册 信息 存 入 数据 库 、 建 立 用 户 session 及 注册 需要 增加 的 其 他 附属 功能 ， 例 如 注册 赠送 用 户 积分 等 。 注 册 功 
能 代码 如 代码 清单 3-1 所 示 。 


代码 清单 3-1 注册 功能 代码 


六 大 


了 


public function usersaveOp() { 
// 重 复 提交 注册 验证 
if (process::islock('r 


){ 
showDialog ( 二 企 品 提 从 过 于 各 交 请 稍 后 再 试 ,，'index.Php') 7 
} 


$model member= Model ('member'); 

// 验 证 用 户 是 否 已 登录 

Smodel member->checkloginMember () 

// 验 证 是 否 为 合法 提交 ， 如 果 不 是 合法 提交 ， 或 者 超出 提交 次 数 ， 则 终止 操作 
$result = chksubmit (true,C(' captcha_status _login' }7 mn 
if ($result !== | 

0 登录 失败 '，'','error'); 


/7 添加 注册 信息 


$register info = array() 7 


$register info['username'] = $ POST['user name']; 

$register info["password' ] = $_POST['password']; 

$register : info['password confirm'] = $ POST['password confirm']; 
[ 


$register info[l'email'] = $ POST [ email']; 
Smember info = Smodel member- >register ($register _ info});} 
if(!isset (Smember info['error'])) { 


$model member->createSession ($member info) 7 
process: :addprocess ('reg'); 
showDialog (' 注 册 成 功 '，'ingdex.php?act=member informationg&gop=member', 'succ', $synstr, 3); 
} else { 
showDialog ($member info['error']); 
} 
k 


2. 买 家 登录 模块 


登录 模块 是 电子 商务 网 站 最 基本 功能 之 一 ， 登 录 以 后 网 站 可 以 识别 用 户 是 否 有 权限 进行 某 些 操作 。 登 录 的 主要 功能 是 检验 用 户 信息 是 否 存 在 、 建 立会 员 session， 以 及 登录 需要 进行 的 其 他 操作 ， 例 如 登 
录 送 积分 。 登 录 功 能 代码 如 代码 清单 3-2 所 示 。 


代码 清单 3-2 登录 功能 代码 


六 大 


* 登录 操作 
*/ 


public function indexOp () { 

// 检 查 是 否 会 员 已 经 登录 

$model member-> eckloginMemioer ( j¥ 

// 验 证 是 否 为 合法 提交 ， 如 果 不 是 合法 提交 ， 或 者 超出 提交 次 数 ， 则 终止 操作 


$result = chksubmit (true,C(" captcha status login'), 'num'); 
if ($result !== false){ 

showDialog (' 登 录 失 败 ','', 'error', $script,2); 

} 

// 操 作 过 于 频繁 ， 终 止 操作 

if (process::islock('login')) { 
showDialog(' 您 的 操作 过 于 频繁 ， 请 稍 后 再 试 ', SHOP_SITE_URL, '', 'error', $script, 2); 
} 

// 查 询 会 员 记 录 

$array= array (); 

$array[ 'member name']= $ POST['user name']; 


$array[ 'member passwd']= md5($ POSTT'password']); 
Smember info = $model member->infoMember ($array); 

if (is array ($member info) and !empty ($member info)) { 
// 会 员 已 失 间 

if(!$member info[' Der state']) 

showDialog ("账号 被 停 用 '); 

} 

Jlelse{ 

Process: :addprocess ee pe ); 

showDialog (' 登 录 失 败 ') 


/ /建立 会员 session 
$model member->createSession ($member info); 
process: :clear ('login'); 


// 添 加 会 员 积分 

$model member->addPoint ($member : info); 

if ($ GET['inajax'] 一 1){ 

showDialog (' 登 录 成 功 '，,$_POST['ref url'],'succ'); 
} else { 


redirect ($ POST['ref url']); 
} 
} 


3. 退 出 登录 


如 代码 清单 3-3 所 示 ， 在 安全 退出 后 ， 网 站 存储 的 用 户 cookie 或 session 信 息 将 自动 清除 ， 在 某 种 程度 上 保证 了 用 户 信息 的 安全 。 


代码 清单 3-3 ”退出 代码 


public function logoutOp ()1{ 
// 释 放 session 
session unset () 7 
session destroy(); 
setNcCookie ('goodsnum', '',-3600); 
redirect ('index.php'); 


3.1.4 ”功能 体验 


会 员 由 买 家 和 卖家 两 部 分 构成 。 下 面 我 们 就 来 体验 一 下 ， 买 家 注册 及 登录 和 卖家 开店 申请 及 登录 功能 。 


1. 买 家 注册 及 登录 


(1) 会 员 注 册 


会 员 注册 页 面 除 了 需要 填写 必要 的 会 员 信息 外 ， 关 于 会 员 资料 的 信息 填写 要 尽量 简洁 ， 节 省 注册 时 间 。 另 外 页 面 中 还 应 该 加 入 关于 登录 和 找 回 密码 的 相关 流程 入 口 ， 如 图 3-2 所 示 。 


用户 
3-20 位 字符 ,可 由 中 文 、 英 文 、 数 字 及 "“、“- 蛆 成 


Si | | ers, :一 # 
河 志 并 同意 服务 协议 


图 3-2 会员 注册 页 面 


(2) 会 员 登 录 


任 会 员 登 录 页 面 中 ， 需 要 显示 的 内 容 包 括 用 户 名 、 密 码 及 验证 码 ， 注 册 、 忘 记 密 码 的 流程 入 口 ， 第 三 方 合作 伙伴 的 登录 入 口 等 。 展 示 方式 如 图 3-3 所 示 。 


忘记 宣 召 人 


还 是 本 站 会 员 ? 站 


窍 可 以 用 合作 从 位 眶 号 登录 : 
仿 aoE 录 凶 宁 认 代 二 


图 3-3 ”会员 登 录 页 面 
2. 卖 家 申请 开店 及 登录 


(1) 开店 申请 操作 说 明 


开店 操作 说 明 页 面 显示 店铺 入 驻 流程 、 入 驻 标准 及 指南 ， 以 及 入 驻 申请 页 面 入 口 ， 如 图 3-4 所 示 。 


BzBzKC 申 尚 系 纺 癌 家 信和 对 


关外 还 这 向 悄 写 人 相让 二 桂 


”功能 完善 而 即 休 
g 店 生 PD J | 


Ot i 


EN ShopNC [020IC] 于 从 本 供 各 革 直 炳 合计 服务 . 协 动 各 开 淹 友 晴 、 运 蓉 友 晤 、 训 从 生 和 活动 及 分 析 运 蓉 手 拭 ， 敌 心 为 人 解 政 各 类 友 门 . 引导 您 法 相关 灿 则 展开 还 次 ; 
贴心 标示 我 榨 呈 后 全 力 ， 为 个 的 店铺 必 气 护 纹 。 


入 驻 流程 


答 轩 入 对 协议 平 饭 十 术 资历 


图 3-4 ”开店 申请 操作 说 明 页 面 


(2) 店铺 入 驻 协议 


该 页 面 功 能 很 简单 ， 只 是 显示 卖家 入 驻 的 协议 。 互 相同 意 协 议 是 双方 合作 的 基础 条 件 ， 需 要 重点 提示 ， 故 设置 了 单独 的 页 面 显示 ， 如 图 3-5 所 示 。 


信 了 测字 和 Ht 清国 市 家 管理 中 心 


竺 准 定位 器 户 市 场 专注 电 商 系统 服务 


得 首页 商家 入 驻 申 语 


商 示 入 圣 申 请 
@ 6 
日 入 对 流程 ， S 


签订 入 对 册 议 艺 司 资 质 访 忌 财务 资 后 信 息 
@ 等 订 入 伍 册 议 


入 驻 协议 


财 施 资质 信息 售 用 本 娄 司 玩 劳 订 潭 油 守 的 条 党 和 广 件 。 


店 祖 经 芋 访 昌 1 用 户 深 格 
本 作 司 的 服务 俱 向 过 用 法 律 下 能 由 仆 订 有 号 有 法 律 的 囊 力 的 言 户 的 个 人 皖 供 并 你 由 共 菩 用 。 在 不 限制 前 壕 规定 的 前 捍 下 ， 本 公司 的 服务 
@ 合同 莹 订 及 增强 不 | 避 18 局 岩 以 下 工 袖 昨 时 或 元 限 基 中 止 的 用 户 提 亿 。 加 上 各 不 语 资 榨 ;请 条 若 用 本 作 司 的 邓 符 。 此 由， 紫 的 号 户 [和 包括 信用 评价 用 
户 名 干 得 问 苹 他 方 转让 或 出 竺 。 另 外 ， 本 公司 凤 下 恨 据 蔡 意 京 中 止 或 终止 您 的 张 户 的 要 书 |。 
但 店 诈 开通 
2. 交 的 洋 料 《也 撕 旧 不 限于 所 添加 的 性 问 商 品 》 不 符 : 
平台 联系 方式 "县 有 癌 诈 忻 、 虑 息 、 不 准确 式 旦 浊 导 性 ; 
弓 犯 任何 各 三 方 吾 作 权 、 去 科 贝 、 商标 入 、 丙 业 税 密 或 其 他 否 有 权利 或 宝 寺 可 或 洽 私 可 1 
电话 1: 23456789 * 壬 民 任 何 这 用 的 法 律 束 法 规 【包括 但 不 限于 有 关 出 口 管制 消 咒 放 召 护 、 不 正当 器 争 , 刑法 、 反 上 邮 视 或 贸易 惯 倒叙 平 贸易 法 律 的 法 
神 或 法 规 ) ; 
电 请 2， 88997788 "有 何 后 或 者 i 囊 癌 侯 人 ， 侵 震 人 人 合法 权 诚 的 内 容 } 
邮箱 : abo@shopnc net “有 泽 秽 、 色 情 、 贴 博 、 暴力 、 凶 尝 、 辐 怕 或 痢 教 谍 畔 的 内 容 '， 
* 世 合 避 能 卫 坏 、 欢 冯 ,了 胃 际 、 不利 避 响 、 秘 罕 学 职 、 未 运 技 可 而 接 租 器 征用 任何 系 弹 、 雪 据 吏 个 人 资料 的 任何 病 村 、 特 洁 依 木马 、 旺 


mm nh pa EM MBN Ah 0 省 


图 3-5 店铺 入 驻 协 议 页 面 


(3) 提交 申请 


进入 填写 资料 提交 申请 流程 ， 需 要 填写 的 信息 有 公司 资质 信息 、 财 务 资质 信息 、 店 铺 经 营 信息 。 信 息 提交 成 功 后 等 待 后 台 管理 员 对 申请 信息 进行 审核 。 由 于 三 个 页 面 都 为 信息 提交 页 面 ， 展 示 类 型 一 
样 ， 所 以 下 面 仅 以 店铺 经 营 信息 页 面 为 例 进行 展示 ， 如 图 3-6 所 示 。 


局 


商家 入 驻 申请 
入 驻 流 程 
签订 入 驻 协 议 
提交 申请 
公司 资质 信息 
店铺 经 营 信息 
合同 签订 及 缴费 


@ 店铺 开通 


财务 资质 信息 店 请 经 营 信 息 合同 签订 及 缴 邵 


注意 事项 : 
店 清 经 营 类 目 为 商城 商品 分 类 ， 请 根据 实际 运营 情况 添加 一 个 或 多 个 经 营 类 目 。 


店铺 经 营 信息 


太 商家 帐号 : 


此 帐号 为 日 后 登录 并 管理 商家 中 心 时 使 用 ， 注 册 后 不 可 修改 ， 请 牢记 。 


平台 联系 方式 
电 活 1: 23456789 
电话 2: 88997788 


邮箱 : abc@shopnc.net 


店 请 名 称 注册 后 不 可 修改 ; 请 认真 填写 。 


| 请 浊 择 


EE 


请 选择 图 


(4) 合同 签订 及 缴费 


请 根据 您 所 经 营 的 内 容 认真 选择 店铺 分 类 ， 注 册 后 商家 不 可 自行 修改 。 


+ 选择 添加 关 目 


图 3-6 ”店铺 经 营 信息 页 面 


平台 管理 员 审核 通过 申请 信息 后 ， 


(5) 卖家 登录 


就 可 以 签订 合同 并 提交 缴费 证 明 ， 然 后 再 次 等 待 管理 员 审核 缴费 信息 ， 如 图 3-7 所 示 。 


经 管理 员 审 核 通过 缴费 信息 后 ， 店 铺 则 自动 开启 。 卖 家 可 以 在 登录 页 面 进行 店铺 管理 了 ， 如 图 3-8 所 示 。 


商家 入 驻 申 请 
签订 入 驻 协 议 


签订 入 驻 协议 公司 资质 信息 财务 资质 信息 店铺 经 营 信息 合同 签订 及 缴费 店铺 开通 
提交 申请 


， 公司 资质 信息 i 
， 财务 资质 信息 营业 执照 号 : | 328521122111 

， 店铺 经 营 信息 营业 执照 所 在 地 : | 天 津 天 津 市 南开 区 

营 北 执照 有 效 期 : | 2010-04-01- 2015-04-30 


人 后 


电子 版 : 
平台 联系 方式 


aceshopnena 
卖家 帐号 : | zqyseller_seller 

店铺 名 称 : | zxyseller_seller 小 店 

店铺 等 级 : | 一 星 《开店 费用 : 0.00 元 年 ) 
开店 时 长 : | 1 年 

店铺 分 类 : | 服装 鞋 包 (开店 保证 金 : 0 元 


EL 


应 付 总 金额 ; | 0.00 元 


分 类 1 
服饰 鞋 帆 
服 沛 鞋 帆 
服 沛 鞋 帆 


审核 意见 : 


上 传 付款 任 证 : 未 选择 文件 。 


图 3-7 合同 签订 及 缴费 页 面 


3.1.5 ”开发 和 使 用 


商家 管理 中 心 


清 检 入 您 注册 商铺 时 申请 的 商家 名 


图 3-8 卖家 登录 页 面 


随 着 电子 商务 的 发 展 ， 会 员 制 营销 正在 成 为 企业 的 必然 选择 ， 建 立 并 合理 使 用 会 员 制 可 使 企业 在 激烈 的 市 场 竞争 中 处 于 优势 。 在 最 佳 时 机 ， 以 最 合适 的 价格 和 方式 ， 为 最 合适 的 客户 提供 最 适合 的 商品 
和 服务 ， 促 使 订单 成 交 。 那 么 如 何 合理 使 用 会 员 制 来 进行 营销 ， 以 及 可 能 遇 到 什么 问题 呢 ， 我 们 来 探讨 一 下 。 


(1) 会 员 合理 分 层 


合理 使 用 网 站 系统 中 的 会 员 等 级 模块 ， 对 会 员 进行 分 层 管理 。 现 在 很 多 电子 商务 网 站 存在 的 问题 是 ， 会 员 等 级 模块 已 经 在 使 用 ， 可 是 在 设置 的 等 级 之 间 不 同 会 员 享受 的 待遇 区 别 不 大 ， 造 成 会 员 等 级 的 


作用 没有 发 挥 出 来 。 网 站 运营 者 应 该 能 从 众多 会 员 
延长 ， 贡 献 更 多 的 价值 。 


(2) 运用 口碑 营销 


如 果 企业 为 会 员 提供 了 良好 的 产品 和 服务 体验 
销 ， 以 活跃 会 员 带动 会 员 整体 的 活跃 度 。 


(3) 了 解 会 员 的 生命 周期 


会 员 在 网 站 存在 一 定 的 生命 周期 ， 分 别 为 考察 
站 并 可 能 消费 。 稳 定期 是 会 员 经 过 一 段 时 间 的 使 
注 会 员 所 处 的 生命 周期 阶段 ， 针 对 不 同 的 生命 周期 


(4) 会 员 关 怀 


中 识别 出 具有 不 同 价值 贡献 的 用 户 ， 并 对 应 贡献 值 的 不 同 设置 合理 的 会 员 等 级 ， 形 成 对 会 员 差异 明显 的 营销 策略 ， 从 而 吸引 会 员 ， 使 其 在 网 站 的 生命 周期 


融 


， 会 员 就 会 成 为 最 好 的 宣传 媒体 ， 形 成 最 初 的 口碑 效应 。 扩 大 产品 影响 力 ， 增 强 企业 美誉 度 。 运 用 会 员 晒 单 、 评 论 和 商品 分 享 等 方式 ， 形 成 会 员 口碑 


期 、 形 成 期 、 稳 定期 、 退 化 期 。 考 察 期 是 会 员 对 网 站 并 没有 产生 信任 感 、 没 产生 销售 的 时 期 。 形 成 期 是 会 员 与 网 站 关系 快速 发 展 的 时 期 ， 会 员 频 繁 访问 网 
后 ， 新 鲜 感 退 去 逐渐 趋 于 平稳 ， 但 是 也 是 信任 感 和 黏 性 最 高 时 期 ， 关 系 已 成 熟 。 退 化 期 是 会 员 对 网 站 失去 兴趣 ， 访 问 次 数 逐 渐 降 低 的 时 期 。 网 站 应 时 时 关 
对 会 员 进行 不 同 的 营销 策略 。 


将 促销 变 为 优惠 或 者 关怀 ， 让 会 员 感 到 归属 感 和 亲切 感 ， 提 升 会 员 的 体验 。 网 站 应 收集 足够 的 会 员 信息 ， 为 会 员 关 怀 提供 依据 。 例 如 生日 或 者 节日 赠送 礼品 ， 发 送 E-mail 或 者 短信 提供 促销 信息 或 者 关 


心 祝福 ， 让 会 员 感到 很 温暖 ， 体 验 度 自然 提升 。 


(5) 合理 全 面 的 会 员 数据 分 析 


对 会 员 产生 的 数据 进行 分 析 ， 可 以 对 其 有 更 好 的 了 解 ， 提 供 有 针对 性 的 服务 。 在 实际 运营 中 存在 数据 分 析 不 够 合理 、 片 面 化 的 问题 。 数 据 分 析 一 定 要 建立 在 数据 量 充足 的 情况 下 ， 从 不 同 侧面 进行 分 


析 ， 从 而 得 到 尽 可 能 准确 的 数据 结果 。 


当今 电子 商务 环境 下 ， 会 员 生命 周期 价值 对 企业 电子 商务 网 站 的 建设 有 很 大 影响 ， 例 如 对 于 B2B2C 电 商 平台 来 说 ， 买 家 和 卖家 是 平台 服务 的 两 个 点 ， 作 为 连接 两 个 点 的 纽带 来 说 任何 一 个 点 缺失 它 都 会 


受到 严重 影响 。“ 以 客户 为 中 心 ”保持 良好 的 客户 


3.2 ”商品 模块 


关系 并 严格 管控 ， 是 电子 商务 企业 获 利 的 必要 条 件 。 


商品 模块 包括 以 下 几 个 小 模块 : 商品 分 类 、 品 牌 、 类 型 、 规 格 、 属 性 以 及 商品 。 首 先 对 各 个 小 模块 进行 简单 的 介绍 。 


(1) 商品 分 类 


所 谓 的 商品 分 类 就 是 把 商品 分 门 别 类 地 放置 在 不 同 的 类 目下 面 ， 比 如 : 服饰 鞋 帽 、 礼 品 箱包 、 家 居家 装 、 数 码 办 公 、 家 用 电器 、 个 护 化 妆 、 珠 宝 手表 、 食 品 饮料 等 。 商 品 分 类 是 树 状 结构 的 ， 也 就 是 说 
在 每 个 分 类 下 面 可 以 定义 自己 的 子 分 类 ， 这 个 我 们 限制 每 个 分 类 最 多 只 能 创建 三 级 。 品 牌 、 类 型 、 规 格 、 属 性 与 商品 分 类 有 密切 的 关系 。 


(2) 品牌 


每 个 商品 都 有 一 个 自己 的 品牌 ， 通 过 品牌 用 户 可 以 查看 该 品牌 下 面 的 所 有 商品 。 在 后 台 设 置 中 ， 管 理 员 需 要 把 品牌 绑 定 到 类 型 上 。 品 牌 可 以 在 平台 后 台 和 商家 中 心 两 个 位 置 添 加 ， 商 家 添加 需要 平台 审 
核 。 


(3) 类 型 


这 个 功能 只 有 在 后 台 使 用 ， 方 便 管 理 员 设 置 关 联 分 类 的 规格 、 属 性 和 品牌 ， 可 以 说 类 型 就 是 规格 、 属 性 、 品 牌 与 分 类 的 桥梁 ， 可 以 减少 管理 员 的 重复 操作 ， 方 便 快 捷 地 修改 具有 同 种 规格 和 属性 的 分 
类 。 


(4) 规格 与 规格 值 


我 们 这 里 定义 的 规格 是 直接 参与 商品 购买 的 、 影 响 商品 价格 的 参数 。 比 如 在 购买 一 款 手 机 的 时 候 ， 首 先 考 虑 手机 的 颜色 、 网 络 等 ， 颜 色 和 网 络 不 同 ， 手 机 的 价格 往往 不 同 ， 所 以 我 们 就 可 以 把 价格 和 网 
络 定义 成 规格 。 规 格 需要 后 台 管理 员 添加 ， 具 体 的 规格 值 可 由 商家 自己 定义 。 默 认 的 安装 程序 会 自 带 一 个 颜色 规格 ， 这 个 规格 是 不 能 删除 的 ， 这 个 规格 影响 到 商品 不 同 颜色 图 片 的 显示 ， 具 体 使 用 方法 我 会 
在 下 面 介绍 。 


(5) 属性 与 属性 值 


我 们 这 里 定义 的 属性 是 不 参与 商品 购买 的 参数 。 还 以 手机 为 例 ， 选 好 了 一 款 手机 ， 这 款 手 机 的 CPU、 屏 幕 尺寸 、 分 辩 率 等 参数 都 是 固定 ， 我 们 就 可 以 把 这 些 参数 定义 为 属性 。 


(6) 商品 


商品 模块 是 整个 电子 商务 平台 的 核心 功能 模块 。 任 何 数据 ， 都 是 以 商品 为 基础 信息 的 。ShopNC 商 城 系统 前 后 三 次 对 商品 模块 进行 大 修 ， 最 后 确定 以 商品 SKU 为 一 个 销售 单位 ， 方 便 商家 对 不 同 SKU 的 
同一 种 商品 进行 不 同 的 优惠 促销 。 


商品 发 布 的 具体 关系 如 图 3-9 所 示 。 


商品 发 布 职 能 流程 图 


规格 建议 创建 3 ~ 4 个 就 足够 了 。 
商家 在 发 布 商品 的 时 候 可 以 直 
/| 接 编辑 规格 名 称 。 


添加 规格 添加 品牌 添加 品牌 


添加 类 型 及 属性 
属性 是 在 添加 类 型 
的 同时 添加 的 ， 同 
时 绑 定 品牌 和 规格 
添加 分 类 


不 通过 ， 需 要 商家 
重新 编辑 发 布 的 商品 


图 3-9 ”商品 发 布 职 能 流程 图 


3.2.1 ”模块 构成 


1. 商 品 分 类 


商品 分 类 模块 主要 功能 构成 如 图 3-10 所 示 。 


图 3-10 ”商品 分 类 模块 主要 功能 构成 
商品 分 类 的 新 增 、 编 辑 、 删 除 操作 全 部 由 平台 完成 。 商 品 分 类 与 店铺 、 商 品 都 有 关联 ， 平 台 可 以 为 店铺 绑 定 允许 店铺 经 营 的 商品 分 类 ， 所 以 删除 的 时 候 同 时 删除 店铺 绑 定 ， 同 时 商品 需要 下 架 。 
在 正常 的 商城 运营 中 ， 商 品 分 类 是 不 会 经 常 修改 的 ， 所 有 前 台 的 分 类 显示 都 是 读 取 缓 存 文 件 ， 减 少 查 库 操作 ， 提 高 代码 执行 效率 。 
2. 品 牌 


品牌 模块 主要 功能 构成 如 图 3-11 所 示 。 


新 增 品牌 有 两 种 方式 ， 
1 平台 直接 添加 
2. 商 家 申请 平台 审核 


图 3-11 ”品牌 模块 主要 功能 构成 


品牌 主要 由 现行 平台 创建 。 如 果 商 家 在 发 布 商品 的 时 候 发 现 没有 自己 需要 的 品牌 ， 可 以 自己 添加 申请 ， 但 是 需要 平台 审核 。 


3 .规格 与 规格 值 


规格 模块 主要 功能 构成 如 图 3-12 所 示 。 


图 3-12 ”规格 模块 主要 功能 构成 


平台 可 以 对 规格 进行 增删 改 操作 ， 店 铺 只 能 通过 平台 设置 好 的 规格 添加 自己 的 规格 值 。 在 删除 规格 时 需要 同时 删除 规格 值 。 


4 类 型 与 属性 


类 型 与 属性 主要 功能 构成 如 图 3-13 所 示 。 


类 型 和 属性 全 是 由 平台 进行 操作 的 ， 在 新 建 类 型 的 时 候 同 时 新 建 属性 。 属 性 没有 自己 单独 的 列表 ， 只 能 在 操作 类 型 的 同时 操作 属性 。 


删除 


新 增 属性 删除 属性 


3-13 ”类 型 与 属性 主要 功能 构成 


5. 商 品 


商品 主要 功能 构成 如 图 3-14 所 示 。 


3-14 商品 主要 功能 构成 


商品 主要 由 店铺 进行 增删 改 。 平 台 可 以 选择 是 否 开启 商品 审核 ， 在 开启 商品 审核 后 商家 新 增 和 编辑 商品 都 需要 通过 平台 审核 后 才能 正常 销售 。 平 台 可 以 直接 删除 商品 ， 但 是 不 能 对 商品 进行 编辑 操作 。 


3.2.2 ”设计 思路 


1. 商 品 相关 数据 表 设 计 思路 


商品 各 模块 主要 数据 表 关 系 如 图 3-15 所 示 。 


商品 分 类 表 与 类 型 表 是 多 对 一 的 关系 ， 商 品 分 类 通过 类 型 与 属性 、 规 格 、 品 牌 产生 关联 。 商 品 分 类 表 与 商品 表 是 一 对 多 的 关系 。 


属性 系列 表 包 括 属性 表 和 属性 值 表 ， 它 们 之 间 是 一 对 多 的 关系 。 属 性 表 与 类 型 表 的 关系 是 多 对 一 的 关系 ， 属 性 值 表 与 商品 表 以 属性 与 商品 关系 表 为 桥梁 是 多 对 多 的 关系 。 


规格 系列 表 包 括 规格 表 和 规格 值 表 ， 它 们 之 间 是 一 对 多 的 关系 。 规 格 表 与 类 型 表 以 类 型 与 规格 关系 表 为 桥梁 是 多 对 多 的 关系 。 规 格 表 、 规 格 值 表 与 商品 表 的 关系 都 是 多 对 多 的 关系 。 


分 类 索引 (pk ) 
类 型 索引 


ras 类 型 与 规 类 型 与 品 


属性 索引 (pk ) | 


类 型 索引 
规格 索引 


类 型 索引 


| 


一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 


商品 索引 (pk ) ， 
分 类 索引 ] 级 | 
1 分 类 索引 2 级 | 
| 分 类 索引 3 级 | 
! 类 型 索引 | 
! ”属性 索引  ， 
' ”规格 索引 
品牌 索引 ， 


Tn 


ee ee ee ee ee ee em ee 


图 3-15 ”商品 各 模块 主要 数据 表 关 系 图 


品牌 表 以 类 型 与 品牌 关系 表 为 桥梁 ， 与 类 型 表 是 多 对 多 的 关系 。 品 牌 表 与 商品 表 是 一 对 多 的 关系 。 


商品 系列 表 包 括 商品 表 、 商 品 公共 表 和 商品 图 片 表 。 商 品 表 和 商品 公共 表 是 多 对 一 的 关系 ， 和 商品 图 片 表 是 多 对 多 的 关系 。 它 们 的 关系 如 图 3-16 所 示 。 


商品 索引 (pk ) 


商品 公 


颜色 系 ; 


人 


0 


索引 


] 


图 3-16 ”商品 系列 表 关系 结构 图 
在 图 3-16 中 ， 商 品 表 和 商品 图 片 表 的 颜色 索引 就 是 规格 索引 为 1 的 规格 值 索 引 。 在 规格 表 中 索引 值 为 1 的 规格 为 默认 安装 数据 且 平 台 不 能 有 删除。 商品 表 和 商品 

关联 的 。 商 品 图 片 表 这 样 设 计 的 目的 是 使 不 同 颜色 的 同一 种 商品 可 以 单独 上 传 不 同 颜色 的 图 片 。 这 时 的 设计 是 为 了 使 向 用 户 展示 的 商品 图 片 更 详细 ， 给 用 户 更 直观 的 体验 。 
2 平台 管理 商品 的 相关 设计 思路 
在 商家 发 布 商品 之 前 ,平台 需要 先 完成 对 商品 分 类 、 品 牌 、 类 型 、 规 格 、 


后 需要 平台 管理 员 做 一 些 前 期 的 准备 工作 ， 商 品 分 类 、 


删除 商品 分 类 后 ， 同 时 删除 店铺 绑 定 的 经 
商品 时 ， 商 品 可 能 会 丢失 一 些 信息 。 比 如 , 平 


3. 商 家 发 布 商品 的 设计 思路 


商家 是 商品 的 直接 发 布 者 ， 在 平台 做 好 前 期 的 工作 后 ， 商 家 就 可 以 直接 发 布 商品 


销 活动 。 


属性 的 设 


， 如 


图 3-9 所 示 的 商品 发 布 职能 流程 


品牌 、 类 型 、 规 格 、 


属性 的 添加 。 在 正式 运营 以 后 ， 不 建议 删除 商品 分 类 、 品 牌 、 类 型 、 


类 目 ， 该 分 类 下 面 的 商品 违 


和 下 架 ， 需 要 商家 


新 编辑 以 后 才能 正常 销售 。 品 牌 、 类 型 、 规 格 、 


人 台 删 除了 某 个 规格 ， 商 家 再 编辑 商品 就 需要 重新 设置 一 下 商品 的 规格 。 


ShopNC 商 城 系统 设计 了 多 个 小 功能 方便 商户 管理 商品 ， 下 面 介绍 其 中 几 个 功能 。 


(1) 设置 规格 值 


平台 设置 好 规格 后 ， 还 需要 商家 


(2) 商品 图 片 


在 设计 商品 图 片 的 时 候 考虑 到 调 


自己 设置 规格 值 。 为 方便 商家 使 


商品 图 片 的 地 方 很 多 ， 对 


。ShopNC 商 城 系 统 的 商品 是 以 SKU 为 销售 和 


。 平 台 对 分 类 、 类 型 、 规 格 、 


规格 、 


属性 删 


， 有 两 个 地 方 可 以 设 


， 直 接 在 导航 菜 


片 


网 


360px*360px、1280px*12800px 四 种 不 
度 能 够 达到 12800px， 方 便 商 品 描述 调 


大 小 
图 片 。 


(3) 


片 空间 


把 所 有 与 商品 有 关 的 图 片 全 部 存 入 图 片 空间 ， 方 便 商 家 同意 管理 


图 


家 管理 商品 


片 也 会 越 来 越 困 难 ， 


此 制 


作 图 片 空间 来 方便 商家 对 商品 


\ 的 商品 


图 片 供 不 同 的 


也 方 使 


寸 的 需要 大 小 不 一 ， 为 了 节省 流量 提高 访问 速度 ， 对 商家 上 传 的 商品 
。 需 要 注意 对 于 1280px*12800px 大 小 的 


位 ， 同 种 商品 的 不 同 SKU 单 独 销 


的 商品 规格 中 设置 或 在 商品 发 布 第 二 步 设置 。 


图 片 都 进行 了 裁 切 处 班 


图 片 的 管理 。 


(4) 库存 报警 


口 


商家 可 以 对 不 同 SKU 商 品 设置 预警 值 。 当 库存 不 足 时 ， 通 过 多 种 方式 提醒 商家 补 货 。 


(5) 关联 板式 


把 相同 的 商品 描述 部 分 ， 单 独 拿 出 来 统一 管理 。 可 以 选择 插入 商品 描述 的 头 部 或 者 尾部 。 


4. 用 户 检索 商品 的 设计 思路 
为 了 方便 用 户 对 商品 的 检索 ，ShopNC 商 城 系统 设计 制作 了 商品 检索 功能 。 在 平台 完成 商品 分 类 、 类 型 、 规 格 、 属 性 设置 后 ， 


片 。 电 子 商务 网 站 的 商品 展示 主要 是 靠 商品 


片 让 买 家 了 解 商 品 的 。 随 着 商家 的 商品 越 来 越 多 ， 商 品 


图 片 表 是 通过 商品 公 


共 索 引 和 颜色 索引 共同 


属性 的 修改 都 会 影响 到 商品 ， 所 以 在 网 站 搭建 以 
属性 信息 ， 但 是 可 以 新 增 和 编辑 。 


除 不 会 影响 到 商品 的 正常 销售 ， 但 是 在 店铺 重新 编辑 


售 ， 方 便 商 家 根据 不 同 SKU 设 置 不 同 的 促 


蜂 ， 生 成 60px*60px、240px*240px、 
图 片 ， 将 宽度 设置 成 了 1280px， 这 样 就 可 以 使 图 片 在 宽度 不 超过 1280px 的 情况 下 ， 长 


片 的 数量 也 会 越 来 越 庞大 ， 商 


户 就 可 以 在 前 台 通 过 商品 分 类 、 


属性 搜索 商品 。 在 商家 添加 商品 时 ， 商 


品 的 规格 值 会 自动 拼写 到 了 商品 名 称 后 ， 在 搜索 时 可 以 通过 模糊 搜索 直接 搜索 具有 某 一 规格 值 的 商品 。 


在 系统 默认 配置 下 ， 前 台 商 品 搜索 采用 时 时 查询 数据 库 的 方式 处 理 ， 在 大 数据 高 并 发 下 ， 这 样 的 处 理 方式 会 对 数据 库 造 成 较 大 的 压力 ， 人 
在 开启 全 文 检索 后 ， 系 统 会 定时 将 商品 的 信息 索引 到 搜索 服务 器 (只 索引 前 台 搜索 顺序 相关 的 字段 ) ， 当 前 台 搜 索 某 关键 词 、 分 类 、 品 牌 或 属性 时 ， 系 统 会 根据 索引 查找 搜索 引擎 ， 然 后 返回 商品 SKU ， 
后 系统 将 这 些 商 品 SKU 作 为 条 件 查询 数据 库 ， 显 示 查 询 结果 


3.2.3 ”代码 实现 


1. 商 品 分 类 的 代码 实现 


这 部 分 代码 主要 是 执行 商品 分 类 增加 、 编 辑 、 删 除 操作 。 编 辑 时 需要 注意 把 分 佣 比 例 和 类 型 关联 到 子 集 功能 ， 如 代码 清单 3-4 所 示 。 


代码 清单 3-4 ”后 台 分 类 编辑 功能 关联 到 子 集 部 分 


// 更 新 该 分 类 下 子 分 类 的 所 有 分 佣 比 例 
if ($ POST['t commis rate'] = '1'){ 
$9gc . id list = $model class->getChildclass($ POST['gc id']); 
ph is array($gc id Tist) && !empty ($gc_id Tist)) { 
$gc ids = array(); 
foreach ($gc id list as $val){ 
$gc ids[] = $vall['gc id']; 


} 
if (!empty($gc_ ids)) { 
$model_ class->editGoodsClass (array( 'commis rate'=>$update array[ 'commis rate']),array('gc id'=>array('in', S$gc_ids) i 
} 
} 


1/ 更 新 该 分 类 下 子 分 类 的 所 有 类 
if (isset( $ POST[' a && $ POST['t assocjated'] 一 '1°'){ 
$gc id list = $model class->getChildclass ($ POST['gc id']); 
if (is array($gc id Tist) && !empty($gc id Tist)){ 
$gc id str = 07 
foreach ($gc id list as $val){ 
// 只 有 更 下 了 闫 型 ， 才 会 架子 人 类 商 品 
if ($val['gc id'] != $ POSTI[' gc id'] && $ POST['t id'] != $ POST['old type id']) { 


' 


$gc id str .=$valf'gc id'].','; 


} 
} 
$gc id str = rtrim($gc id str,','); 
i (Sgqe 1d str l= +7)1 ee 
$model class->updateWhere (array ('type id'=>intval ($_POST ['t id']), 'type name'=>trim($ POST['t name'])), array('in gc id'=>$gc iqd str)); 
} 


性 


95, 


其 他 的 商品 分 类 操作 参考 代码 清和 


代码 清单 3-5 ”商品 分 类 核心 操作 


// 商 品 分 类 列表 
public function getGoodsClassList ($condition, $field = '*') { 

$result = $this->table('goods class')->field ($field)->where ($condition) -> order('gc parent id asc,gc sort asc,gc id asc')->limit (false)->select (); 
return $result; > = 


} 

// 商 品 分 类 详细 信息 

public function getGoodsClassInfo($condition, $field = '*') { 
$result = $this->field ($field) ->where ($condition) ->find(); 

return $result; 


} 
// 编 辑 商 品 分 类 


public function editGoodsClass ($data = array(), $condition = array()) { 
return $this->where ($condition) ->update ($data); 

} 

// 取 得 店铺 绑 定 的 分 类 


public function getGoodsClass ($store id, $pid = 0, $deep = 1) { 
// 读 取 商品 分 类 
S$gc list = $this->getGoodsClassList (array('gc parent id' => $pid), 'gc id, gc name, type id'); 
// 如 果 店 铺 ID 不 为 商城 店铺 的 话 ， 读 取 绑 定 分 类 
if (!checkPlatformStore ()) { 
$gc_ list = array under reset ($gc list, 'gc id'); 
Smodel ， storebindclass = Model ('store bind class'); 
S$gcid _ array = $model storebindclass- ->getStoreBindClassList (array('store id' => $store id, 'state' => 1), '', "class_ {$deep} asc", "distinct class_{$deep}"); 
if (!empty($gcid array)) { 
$tmp gc list = array(); 
foreach ($gcid array as $value) { 
if (isset($gc list[$value["class {$deep}"]])) { 
Stmp gc list[] = $gc list[$value["class {$deep}"]]; 


i 
S$gc list = $tmp gc list; 
} else { 
return array(); 


return S$gc list; 


} 

// 删 除 商品 分 类 

public function delGoodsClass ($condition) { 
return $this->where ($condition)->delete(); 


} 
// 删 除 商品 分 类 及 相关 联 数据 
public function delGoodsClassByGcIdstring($gcids) { 
S$gcids = explode(',', $gcids); 
if (empty($gcids)) { 
return false; 
} 
S$goods_class = H('goods class') ? H('goods class') : H('goods class', true); 
$gcid array = array(); 
foreach (Sgcids as $gc id) { 
$child = (!empty($goodqs class[$gc id] ['child'])) ? explode(',', $goods class[$gc id]['child']) : array() 7 
S$childchild = (!empty($goods_class[S$Sgc _ id] ['childchild'])) ? explode(',', $goods class[$gc id]['childchild']) : array(); 
S$gcid array = array merge ($gcid array, array($gc id), $child, $childchild); 


7/ 删除 商品 分 类 

$this-—: >delGoodsClass (array('gc id' =>array('in', $gcid array))); 

// 删除 常用 商品 分 类 

Model( RR class_staple')->delStaple (array('gc id 1lgc id 21gc id 3' =>array('in', $gcid array))); 


// 删除 分 类 tag 表 

Model ('goods class tag')->delGoodsClassTag (array('gc id 1lgc id 21gc id 3' =>array('in', $gcid array))); 
/7 剧本 分 闫 

Model ('store bind class')->delStoreBindclass (array('class ll|class 2|class 3' =>array('in', $gcid array))); 
// 前 吕 下 并 本 本 yy 本 加 


Model ('goods') ->editProducesLockUp (array ('goods_stateremark' =>' 商 品 分 类 被 删除 ， 需 3 
return true; 


和 新 选择 分 类 ')，array ('gc_id' =>array('in',， S$gcid array))); 


其 中 需要 注意 的 就 是 在 删除 商品 分 类 时 需要 清理 与 商品 分 类 相互 关联 的 数据 ， 见 代码 清单 3-1 的 delGoodsClassByGcldString0 方 法 。 


在 前 台 调 用 商品 分 类 直接 读 取 缓 存 文 件 ， 不 进行 查 库 操作 ， 代 码 如 下 : 


$goods class = H('goods class') ? H('goods class') : H('goods class', true); 


2. 品 牌 的 代码 实现 


品牌 核心 操作 主要 就 是 对 品牌 的 增加 、 编 辑 、 删 除 操作 ， 如 代码 清单 3-6 所 示 。 


代码 清单 3-6 品牌 核心 操作 


// 漆 加 品牌 
public function addBrand ($insert) { 
return Sthis->insert ($insert); 


} 

// 编 辑 品 牌 

public function editBrand ($condition, $update) { 
return Sthis->where ($condition)->update ($update); 


} 
// 删 除 品牌 
public function delBrand($condition) { 
$brand array = Sthis->getBrandList ($condition, 'brand id,brand pic'); 
$brandid array = array(); 
foreach ($brand array as $value) { 
$brandid array = $value['brand id']; 
@unlink (BASE_ UPLOAD PATH.DS.ATTACH BRAND.DS. $value[ "brand pic']); 
} 
return Sthis->where (array('brand id' =>array('in', $brandid array)))->delete(); 


} 

// 查 询 品牌 数量 

public function getBrandCount ($condition) { 
return $this->where ($condition)->count (); 


} 

// 品 牌 列表 

public function getBrandList ($condition, $field = '*', $page = 0, $order = 'brand sort asc, brand id desc', $limit = '') { 

return $this->where ($condition)->field ($field)->order ($0order) ->page ($page) ->limit ($1imit)->select (); 

} 

// 通 过 的 品牌 列表 

public function getBrandPassedList ($condition, $field = '*', $page = 0, $order = 'brand sort asc, brand id desc', $limit = '') { 
$condition['brand apply'] = 1; 

return $this->getBrandList ($condition, $field, $page, $order, $1limit); 

} 

// 未 通过 的 品牌 列表 

public function getBrandNoPassedList ($condition, $field = '*', Spage = 0) { 
$condition['brand apply'] = 0; 

return $this->getBrandList ($condition, $field, $page); 

} 

// 取 单个 品牌 内 容 


public function getBrandIinfo($condition, $field = '*') { 
return $this->field ($field)->where ($condition)->find(); 
} 


在 使 用 中 发 现 ， 品 牌 过 多 导致 用 户 选择 品牌 极其 不 便 ， 所 以 制作 了 一 个 品牌 快速 检索 模块 ， 方 便 用 户 快速 选 自 品牌 ， 见 代码 清单 3-7 和 代码 清单 3-8。 


代码 清单 3-7 AJAX 查 询 品牌 PHP 部 分 


//AJAX 查 询 品牌 
public function ajax get brandop() { 
sinitial = trim(§ GET['letter']); 
$keyword = trim($ GET['keyword']); 
$type = trim($ GET['type']); 
if (!in array ($type, array('letter', 'keyword')) || ($type =— 'letter' &&empty($initial)) || ($type 一 'keyword' g&&empty ($keyword))) { 
echo json encode (array());die(); 


} 
// 实例 化 模型 
$model type = Model ('type'); 
$where = array(); 
// 验证 类 型 是 否 关联 品牌 
if ($type == 'letter') { 
switch ($initial) { 
Case 'all': 
break; 
case '0-9': 
$where['brand initial'] = array('in', array(0,1,2,3,4,5,6,7,8,9)); 
break; 加 
default: 
S$where['brand initial'] = $initial; 
break; - 


} else { 
S$where['brand name|brand initial'] = array('like', '%' . $keyword . '%'); 


} 
$brand array = Model ('brand')->getBrandPassedList ($where, "brand id,brand name,brand initial', 0, 'brand initial asc, brand sort asc'); 


echo json encode ($brand array);die(); 
} 


代码 清单 3-8 ”AJAX 查 询 品 牌 JS 部 分 


// AJAX 选 择 品牌 
(function($) { 
$.fn.brandinit = function (options) { 
var brand container = $ (this); 

/7 根据 首 字母 查询 

$ (this) .find('.letter[nctype="letter"] ') .find('a[ldata-letter] ') .click (function(){ 
Var url = $(this) .parents('.brand-index:first') .attr('data-url'); 
var _letter = $ (this) .attr('data-letter'); 
var _search = $ (this) .html (); 
$.getJSON (_url，{type : 'letter', letter : letter}, function (data){ 

$ (brand container) .insertBrand ({param:data, search:_search}); 
DD); 

Hs 

// 根据 关键 字 查询 

$ (this) .find('.search[nctype="search"] ') .find('a') .click(function(){ 
Var url = $(this) .Parents (' .brand-index:first') .attr('data-url'); 
var _keyword = $('#search brand keyword') .val (); 
$.getJSON (url, {type : 'keyword', keyword : keyword}, function(data){ 

$ (brand container) .insertBrand ({param:data, search: keyword}); 
Ds 

DD) 3 
// 选择 品牌 
$ (this) .find('ul [nctype="brand list"]').on('click', 'li', function(){ 

$('#p id') .val($ (this) .attr('data-id')); 
$('#b name') .val ($ (this) .attr ('data-name')); 


RR 
// 搜 索 品牌 列表 滚 条 绑 定 


$ (this) .find('div[nctype="brandList"] ') .perfectScrollbar (); 
i 
$.fn.insertBrand = function (options) { 
// 品 牌 搜索 容器 
var dataContainer = $ (this); 
$ (dataContainer) .find('div[nctype="brandList"] ') .show(); 


$ (dataContainer) .find('div[nctype="noBrandList"] ') .hide()7 
var ul = $(dataContainer) .find('ul [nctype="brand list"] '); 
_ul.html(''); 


if ($.isEmptyObject (options.param)) { 

$ (dataContainer) .find('div[nctype="brandList"]') .hige(); 

$ (dataContainer) .find('div[nctype="noBrandList"] ') .show() .find('strong') .html (options.search); 
returnfalse; 


$.each (options.param, function(i, n){ 


$('<li data-id="' + n.brand id + '" data-name="' + n.brand name + '"><em>' + n.brand initial + '</em>' + n.brand name + '</1i>') .appendTo( ul1); 
]) 了 
// 搜 索 品 牌 列 表 滚 条 绑 定 
$ (dataContainer) .find('div[nctype="brandList"]') .perfectScrollbar ('update'); 
}; 
}) (jQuery); 
3. 类 型 和 属性 代码 实现 


类 型 的 操作 比较 复杂 ， 需 要 同时 考虑 与 其 关联 的 品牌 、 规 定 和 属性 。 类 型 与 品牌 是 多 对 多 的 关系 ， 类 型 与 规格 是 多 对 多 的 关系 ， 类 型 与 属性 是 一 对 多 的 关系 。 


在 新 增 类 型 时 需要 新 增 属性 并 添加 与 品牌 、 规 格 和 属性 的 对 应 关系 数据 ， 如 代码 清单 3-9 所 示 。 


代码 清单 3-9 ”保存 类 型 部 分 代码 


if (chksubmit ()){ 

和 Stype_array = array() 7 
Stype_array['type_name'] = trim($_ POST['t mane']); 
$type _array['type sort'] = trim($ POST['t sort']); 


$type array['class id'] $_POsT['class id']; 

$type _array['class name'] = $ POST['class name']; 

$type id = $model type->typeAgd('type', $type array); 
7/ 添 加 类 型 与 品牌 对 应 


if(!empty($ POST['brand id'])){ 
$brand array = $_POST['brand id']; 
$return = $model type->typeRelatedAdd('type brand', $brand array, $type id); 


} 
// 添 加 类 型 与 规格 对 应 
if(!empty($ POST['spec id'])){ 
$spec array = $ POST['spec id']; 
$return = $model type->typeRelatedAdd('type spec', $spec array, $type id); 


} 
// 添 加 类 型 属性 
if(!empty($ POST['at value'])){ 
$attribute array = $_POST['at value']; 
foreach ($attribute array as $v){ 
if($v['value'] != "''){ 


// 添 加 属性 


$attr array = array(); 
$attr id = $model type->typeAgd('attribute', $attr array); 


// 添 加 属性 值 
$attr Value = explode(',', $v['value']); 
if (!empty($attr value)) { 
$attr array = array(); 
foreach ($attr value as $val) { 
$tpl array = array(); 
$tpl array[ 'attr value name'] = $val; 


$attr array[] = $tpl array; 
} 
$return = Model ('attribute')->adgAttributeValueAll ($attr array); 


} 


在 删除 类 型 时 也 需要 同时 考虑 删除 相关 联 的 数据 ， 如 代码 清单 3-10 所 示 。 


代码 清单 3-10 ”删除 类 型 部 分 代码 


// 删除 属性 值 表 


Sattr list = $model type->typeRelatedList ('attribute'，array('in type id'=>$id), 'attr id') 7 
if(is array ($attr list) && !empty(Sattr list)){ 
$attrs id = '"; 
foreach ($attr list as $val){ 
$attrs id .= '"',$val[l'attr id'],",'y 


} 
$attrs id = trim($attrs id, ','); 


$returnl = $model type->delType ('attribute value', array('in attr id'=>$attrs id)); // 删 除 属性 值 
$return2 = $model type->delType ('attribute', array('in attr id'=>$attrs id)); // 删 除 属性 

} 

/ /删除 对 应 品牌 

$return = $model type->delType('type brand', array('in type id'=>$id)); 

/删除 对 应 规格 

$return = $model type->delType('type spec', array('in type id'=>$id)); 

// 副 除 类 型 


$return = $model type->delType('type', array('in type id'=>$id)); 


类 型 的 新 增 和 编辑 操作 比较 复杂 ， 具 


流程 可 以 参考 图 3-17。 


添加 类 型 数据 


添加 品牌 与 类 关联 


添加 规格 管理 数据 


必要 的 参数 验证 未 通过 ， 流 程 直 接 结束 


新 增 属性 并 与 类 型 
关联 


图 3-17 类 型 保存 操作 流程 图 


4 规格 和 规格 值 的 代码 实现 
这 部 分 实现 的 主要 是 后 台 对 商品 规格 的 增加 、 编 辑 、 删 除 操作 。 在 商家 中 心 ， 商 家 可 以 对 每 个 分 类 下 的 规格 添加 自己 需要 的 规格 值 。 基 础 方法 如 代码 清单 3-11 所 示 。 


代码 清单 3-11 规格 基础 代码 


// 单 条 规格 信息 
public function getSpecInfo($id, $field = '*') { 
return $this->field ($field)->find ($iqd); 


} 

// 规 格 值 列表 

public function getSpecValueList ($where, $field = '*', $order = 'sp value sort asc,sp value id asc') { 
$result = $this->table('spec value')->field ($field) ->where ($where) ->order ($0order) ->select (); 
return empty ($result) ? array() : $result; 

} 

// 更 新 规格 值 


public function editSpecValue ($update, S$where) { 
$result = $this->table('spec value')->where ($where) ->update ($update); 
return $result; 


} 
// 添 加 数据 
public function addSpecValue ($insert) { 
$result = $this->table('spec value')->insert ($insert); 
return $result; - 


} 

// 添 加 数据 多 条 

public function addSpecValueALL ($insert) { 
$result = $this->table('spec value')->insertAll ($insert); 
return $result; 


} 

// 删 除 规格 值 

public function delSpecValue ($where) { 
$result = $this->table('spec value')->where ($where) ->delete(); 
return $result; 


5. 商 品 代码 实现 


这 部 分 实现 的 主要 是 由 商家 对 商品 进行 新 增 、 编 辑 、 删 除 操作 ， 在 平台 只 能 查看 和 删除 ， 不 能 新 增 和 编辑 。 


在 商品 表 的 数据 结构 中 使 用 了 两 个 字段 来 表示 商品 的 状态 ， 每 个 字段 存在 三 个 值 ， 代 码 如 下 : 


const STATE1 = 1; // 出 售 
const STATE0 = 0; // 下 架 
const STATE10 = 10; // 违规 
const VERIEFY1 = 1; // 审核 通过 
const VERIFYO = 0; // 审核 失败 
const VERIFY10 = 10; // 等 待 审核 


为 了 方便 二 次 开发 ， 把 所 有 的 状态 全 部 封装 到 模型 (Model) 中 ， 想 调用 什么 状态 的 代码 ， 直 接 调 用 相应 的 方法 就 可 以 了 ， 如 代码 清单 3-12 所 示 。 


代码 清单 3-12 ”商品 模型 部 分 代码 


// 商 品 列表 卖家 中 心 使 用 

// 这 个 方式 是 用 来 查询 全 部 商品 列表 的 

public function getGoodsCommonList ($condition, $field = '*', S$page = 10, $order = 'goods commonid desc') { 
$condition = $this-> getRecursiveClass ($condition); 


return $this->table('goods common')->field ($field)->where ($condition) ->order ($order) ->page ($page) ->select (); 


} 
// 出 售 中 的 商品 列表 卖家 中 心 使 用 _ 
// 这 个 方法 是 用 来 查询 所 有 可 以 销售 的 商品 


public function getGoodsCommononlineList ($condition, $field = '*', $page = 10, $order = "goods commonid desc") { 
$condition['goods_ state'] = self::STATEl; 
$condition['goods verify'] = self::VERIFY17 


return $this->getGoodsCommonList ($condition, $field, $page, S$order); 


} 

// 仓 库 中 的 商品 列表 (卖家 中 心 使 用 ) 

// 这 个 方式 是 用 来 查询 可 以 销售 但 是 商家 没有 开始 销售 的 商品 列表 

public function getGoodsCommonOfflineList ($condition, $field = '*', $page = 10, $order = "goods commonid desc") { 
$condition['goods state'] = self::STATEO; 
$condition['goods verify'] = self::VERIFY]; 
return $this->getGoodsCommonList ($condition, $field, $page, S$order); 


} 

// 违 规 的 商品 列表 (卖家 中 心 使 用 ) 

// 正常 出 售 中 的 商品 被 平台 发 现 违规 行为 ， 禁 止 销售 的 商品 列表 

public function getGoodsCommonLockUpList ($condition, $field = '*', $page = 10，S$order = "goods commonid desc") { 
$condition['goods state'] = self::STATE1O; 
$condition['goods verify'] = self::VERIFY]; 
return $this->getGoodsCommonList ($condition, $field, $page, S$order); 


} 
// 等 待 审核 或 审核 失败 的 商品 列表 卖家 中 心 使 用 〉 
// 平台 开启 审核 后 ， 等 待 平台 审核 或 者 审核 是 否 的 商品 列表 
Public function getGoodsCommonWaitVerifyList ($condition, $field = '*', $page = 10, S$order = "goods commonid desc") { 
if (!isset($condition['goods verify'])) { 2 
$condition['goods verify"] = array('neq', self::VERIFY]); 


return S$this->getGoodsCommonList ($condition, $field, $page, S$order); 


} 

// 出 售 中 的 商品 SKU 列 表 . 

// 只 显示 不 同 颜色 的 商品 〈 前 台 商品 索引 ， 店 铺 页 商品 列表 等 功能 使 用 ) 

public function getGoodsListByColorDistinct ($condition, $field = '*', $order = 'goods id asc', $page = 0) { 


$condition['goods state'] = self::STATEl; 

$condition['goods verify'] = Self::VERIFY17 

$condition = Sthis-> getRecursiveClass ($condition); 

$field = "CONCAT (goods commonid,',',color id) as nc distinct ," . $field; 

$count = $this->getGoodsOnlineCount ($condition, "distinct CONCAT (goods commonid,',',color id)"); 
S$goods list = array(); 

if ($count != 0) { 


$goods list = $this->getGoodsOnlineList ($condition, $field, $page, $order, 0, 'nc distinct', false, $count); 


return $goods list; 


模型 中 还 封装 了 很 多 方法 ， 这 个 就 不 再 进行 一 一 展示 了 。 


3.2.4 ”功能 体验 


本 小 节 就 不 再 一 一 介绍 各 个 功能 的 使 用 了 ， 主 要 介绍 一 下 比较 复杂 的 类 型 设置 、 商 品 发 布 和 商品 检索 。 


1. 类 型 管理 


在 添加 类 型 之 前 需要 先 创建 好 商品 分 类 、 品 牌 、 规 格 。 


登录 ShopNC 商 品 后 台 ， 选 择 商品 一 类 型 管理 一 新 增 ， 如 图 3-18 所 示 。 


点 击 “ 新 增 ” 按钮 后 页 面 跳 转 到 类 型 新 增 页面 ， 如 图 3-19 所 示 。 


在 该 页 面 上 部 录入 类 型 基本 信息 ， 在 中 部 靠 左 选择 关联 的 规格 ， 在 中 部 靠 右 选择 关联 的 品牌 ， 在 下 面 录入 与 类 型 相关 的 属性 。 点 击 “ 提 交 ” 按 钮 后 保存 相关 信息 。 


类 型 的 编辑 和 新 增 相似 ， 这 里 就 不 再 做 介绍 了 。 
2. 商 品 发 布 流程 


登录 商家 中 心 ， 选 择 商品 一 商品 发 布 ， 页 面 跳 转 到 选择 商品 分 类 页 ， 如 图 3-20 所 示 。 


ADMIN CONTROL PANEL 


.A BE: Ss 


图 3-18 后台 类 型 列表 


选择 分 类 ， 可 关联 大 分 类 或 更 具体 的 下 级 分 尖 。 只 在 后 台 快捷 定位 中 起 作用 ) 


请 填写 自然 数 。 灶 型 列表 将 会 恨 据 震 序 进行 由 小 到 大 提 列 显示 。 


选择 关联 局 牌 : | 语 选 择 .. [四 | ( 快 嫂 定位 ) 


图 3-19 后台 类 型 新 增 


STIP.2 


选择 商品 分 类 。 ”[ 儿 填写 商品 详情 ”” 蜀 上 传 商品 图 片 ” ”多 商品 发 布 成 功 


图 3-20 ”商品 发 布 第 一 步 一 一 选择 商品 分 类 


选择 商品 分 类 完成 以 后 ， 点 击 下 方 绿色 按钮 ， 跳 转 到 下 一 步 ， 填 写 商 品 信息 。 在 选择 规格 后 ， 会 自动 生成 一 个 表格 ， 如 图 3-21 所 示 。 


点 击 [及 可 批量 修改 所 在 列 的 值 。 


图 3-21 商品 发 布 第 二 步 


录入 完成 商品 信息 后 ， 点 击 下 方 绿色 按钮 ， 跳 转 到 下 一 步 ， 上 传 商品 图 片 ， 如 图 3-22 所 示 。 


设计 规格 部 分 


这 里 的 图 片上 传 是 按照 颜色 区 分 的 。 在 图 3-21 中 ， 我 们 选择 了 两 种 颜色 : 落 月 黄 、 蓝 色 。 所 以 在 这 个 步骤 中 需要 上 传 两 种 颜色 的 图 片 。 


STIP1 STPF.2 


选择 商品 分 类 。 ，[ 信 填写 商品 详情 ”项 上 传 商品 图 片 加 商品 发 布 成 功 


1 


颜色 : 落 月 黄 


排序 : 0 | 全 上传 排序 : 0 | 全 上 传 排序 : 0 ”全 上 传 排 压 : 0 ”全 上 和 巷 


鸭 从 强 片 宝 间 无 掺 


辟 


排序 : 0 | 全 上 传 排序 : 0 全 上 传 排序: 0 ”总 上 侍 


排序 : 0 


图 3-22 ”商品 发 布 第 三 步 一 一 图 片上 传 


上 传 完成 后 ， 点 击 “ 下 一 步 ， 确 认 商 品 发 布 ”按钮 ， 会 跳 转 商品 发 布 成 功 页 面 ， 如 图 3-23 所 示 。 


二 上 人 


上 传 要 求 : 

1. 语 使 用 jpgypeglpng 等 榨 式 、 单 
张大 小 趟 超过 1N 的 正方 形 图 片 < 
乙 上 传 豆 片 最 太 尺 寸 将 诚 保 留 为 
1280 泛 未。 

3 杂种 新 色 最 多 可 上 传 同 片 或 
由 图 片 空间 中 选择 已 有 阶 图 片 ， 

上 传 后 了 W 图 片 也 撞 被 保存 在 店 请 
图 片 空间 中 以 需 其 它 合 用 。 

和 亿 过 下 性 排 京 雪 宇 修 允 商品 图 
片 的 排列 于 示 | 想 床 = 

5. 图 片 质 量 要 青 洪 : 不 能 庶 化 ; 
委 保 证 言 度 充足 

6. 操作 完 成 后 甫 点 下 一 步 , 否则 
无 法 在 RS 生效 = 

建议 : 

1 三 图 为 月 色 脊 惊 正 而 外。 

2 .排序 依次 为 正面 图 > 阁 面 图 > 
刘 西 图 -~ 级 节 国 。 


STIP.1 


选择 商品 分 类 


STIP2 


[人 填写 商品 详情 


e 恭喜 您 ， 商 品 发 布 成 功 ! 


去 店铺 吉 看 商品 详情 >> ”重新 编辑 网 发 布 的 商品 >> 


您 还 可 以 : 
1. 继 污 "发布 新 商品 


他 进入 "我 的 商城 "管理 窗 品 到 专 " 


3. 允 与 商城 的 “去 是 反动 


3.3 ”促销 模块 


随 着 互联 


的 快速 发 展 ， 社 会 物质 不 断 丰富 ， 
生活 中 不 可 缺少 的 一 部 分 。 对 于 促销 大 家 都 不 会 陌生 ， 


知 不 觉 地 被 掏 走 了 ， 当 你 冲动 过 后 再 看 账单 的 时 候 会 惊讶 道 : 天 啊 ， 怎 么 又 支出 了 这 么 多 钱 ， 买 了 这 么 多 无 
就 是 具有 这 种 魔力 ， 在 不 知 不 觉 中 让 你 自 掏腰包 。 而 当今 电子 商务 飞速 发 展 ， 网 络 促销 也 顺势 火热 起 来 ， 它 已 成 为 了 一 种 行 之 有 效 的 促销 方式 ， 
交互 性 ， 它 更 能 加 强 与 客户 的 沟通 和 联系 ， 更 能 促进 对 客户 需求 的 了 解 ， 更 容易 得 到 客户 的 认同 。 
信息 在 网 络 上 传播 的 特点 进行 深入 了 解 ， 分 析 和 了 解 网 络 信息 对 应 的 接收 对 象 ， 给 网 络 促销 设 定 合理 的 目标 ， 科 学 的 设置 网 络 促销 程序 ， 打 开 


让 顾客 参加 到 营销 活动 中 ， 


因此 网 络 促销 具 


步伐 。 


场 竞争 越发 激烈 ， 消 费 需求 也 在 不 断 增强 ， 


9 STP.3 


区 上传 商 品 图 片 


STP4 


图 3-23 ”商品 发 布 第 四 步 一 一 发 布 完成 


而 促销 在 市 场 中 也 占据 了 越 来 越 重要 的 位 


为 你 经 常 


淘宝 的 “ 双 十 一 狂欢 节 ” 活 动作 为 其 首创 的 促销 方式 ， 它 的 全 场 商品 半价 的 促销 形式 ， 


次 刷新 


自己 的 记录 ， 最 终 以 350.19 亿 元 的 成 交 额 顺利 收 官 。11 
户 达 到 1.13 亿 ， 支 付 宝 交 易 金 额 达到 45.8 亿 。 本 次 双 十 一 ， 天 猫 三 大 有 


的 191 亿 元 增长 83%。 同 时 ， 支 付 宝 交易 突破 10 亿 元 的 时 间 今 年 只 花 了 不 到 7 分 钟 ， 而 上 一 
户 通过 手机 淘宝 购买 的 商品 支付 宝 成 交 额 高 达 53.5 亿 ， 是 去 
交 的 商品 笔 数 达到 3590 万 笔 ， 占 整体 交易 额 的 21%。 由 此 可 见 ， 促 销 对 于 电子 商务 的 重要 性 ,合理 地 使 


欢 节 期 


间 ， 


3.3.1 模块 构成 


营销 的 4P 理 论 即 为 产品 (Product) 、 价 格 (Price) 、 渠 道 (Place) 、 促 销 (Promotion) ， 促 销 作为 营销 中 的 重要 一 环 ， 承 担 着 衔接 沟通 企业 和 客户 之 间 重 要 桥梁 的 作 


引 客户 目光 的 一 把 利器 ， 勾 起 客户 购买 欲望 ， 是 给 予 客 重 一 击 的 一 枚 糖衣 炮弹 ， 能 促使 网 站 在 残酷 的 市 场 中 乘风破浪 一 路 直上 ， 成 为 市 场 防御 的 


21 时 19 分 45 秒 ， 天 猫 双 十 一 购 


对 购 


任何 企业 都 面 


能 为 企业 带 来 不 小 的 利益 。 


了 @ 商品 发 布 成 功 


， 并 且 已 慢 慢 融 入 到 人 们 消费 购物 的 各 个 角落 ， 成 为 人 们 日 常 
会 在 各 种 场合 碰 到 各 类 形式 不 一 的 促销 活动 。 你 会 感觉 到 各 式 各 样 的 促销 在 接二连三 地 对 你 进行 冲击 和 引诱 ， 口 袋 里 钱 在 促销 的 攻势 下 不 
的 东西 ! 于 是 心里 暗暗 决定 一 定 不 能 为 促销 所 动 ， 结 果 再 次 看 到 账单 还 是 会 一 样 的 惊讶 ， 促 销 


与 传统 促销 相 比 ， 网 络 促销 可 以 


临 着 如 何 实施 网 络 促销 这 个 新 的 课题 ， 对 产品 


络 促销 的 新 局 


物 狂 有 非常 大 的 吸引 力 ， 


盛宴 来 形容 双 十 一 


Ea 


: 1 亿 元 ; 5 小 时 49 分 : 100 亿 元 ; 24 小 时 : 350.19 亿 元 。 与 去 年 的 数据 相 


则 


了 37 分 钟 。 据 了 解 ，10 亿 元 已 超过 香港 9 月 份 日 均 社会 零售 总 额 。 来 


心灵 重 


站 通过 一 系列 的 促销 活 翅 
对 手 ， 实 现 预期 目标 。 


， 将 产品 以 最 醒目 的 方式 
3-24 展 示 了 一 些 常 


eg 


统一 促销 

。 全 场 2 元 
特价 式 促销 
。 一 元 拍 


。 仅 售 50 元 
。 全 场 2 折 


~ 最 低 额 促销 


。 最 低 2 折 
。 全 场 20 元 起 


“最 高 额 促销 


xx 


» 


展现 在 客 
用 的 促销 方式 及 其 


体 的 


展现 形式 。 


eemmw 


。 免 单 
* 免 费 试用 


返利 促销 
* 满 就 减 
* 满 就 返 现金 


ps 


的 


e 买 N 送 N 

。 屎 送礼 品 
。 飞 送 积 分 

。 买 送 代金 券 


”一 拼 单 折扣 
团购 价 


DE Shh 


FE 的 5.6 倍 (去 年 全 天 成 交 9.6 亿 ) ; 手机 淘宝 单 日 活跃 


面前 ， 吸 引 客 户 ， 在 最 短 的 时 间 内 增加 注册 会 员 和 购买 量 ， 扩 大 新 会 员 ， 同 时 巩固 


惠 赠 式 促 销 


面 ， 使 你 的 如 


也 不 为 过 。 继 191 亿 元 的 购物 狂欢 之 
物 狂欢 节 支 付 宝 成 交 额 突破 300 亿 元 ， 这 相当 于 中 
要 破 亿 时 间 段 如 下 : 55 秒 


均 社会 零售 总 额 的 4 成 。 其 中 ， 手 机 淘宝 的 累计 活跃 


业 有 新 的 突破 ， 不 落后 于 时 代 的 


后 ，2013 年 天 猫 双 十 一 再 


比 ， 支 付 宝 全 天 成 交 金 额 比 上 一 年 


手机 淘宝 的 数据 显示 ， 双 十 一 购物 狂 


户 突破 1.27 亿 ， 创 造 了 手机 上 单 


活跃 有 


户 的 全 新 峰值 ; 同时 ， 通 过 手机 成 


促销 将 使 销售 额 产生 突破 式 的 增长 。 


免费 式 促 销 


“搭配 促销 


,衣服 裤子 能 
一 起 买 半价 


一 连贯 式 促销 
。 第 二 件 半价 


: “捆绑 式 促销 : 
; 。 买 A 送 B ' 
; 。 加 一 元 , 多 一 件 ; 


。 促 销 是 电子 商务 网 站 吸 


在， 是 企业 成 长 路 程 中 前 行 和 转变 的 必 经 之 路 。 网 
会 员 ， 提 升 网 站 的 黏 性 ， 


以 最 直接 和 强烈 的 方式 打击 竞争 


限时 促销 
.秒杀 


* 限 时 抢购 


………` 限 量 促销 
“限量 销售 


,全 场 50 元 封顶 
满 额 促销 


名 式 


。 满 就 减 


7 
YY 


人 


和 


A 


附加 值 


泡 。 
本 
和 
和 
本 

‘ 

和 

4 
» 

» 


mw wm 
Soe» =~- 
人 


NA 
NA 
7 


~ 节日 促销 


。 三 八 妇女 节 
全 场 3.8 折 扣 


-一 会 员 式 促销 


。 


~ 指定 对 象 促销 
。 角 色 优 惠 : ,…--" 抽奖 式 促销 
母亲 节 特 惠 价 : 。 购 买 抽奖 


PE 
PE 


。 老 顾客 优惠 。 抽 取 幸 运 顾客 


。 新 顾客 优惠 
DR 互动 式 促销 。 全 场 包 邮 
i 指定 商品 促销 ,签到 有 六 。 买 N 件 包 邮 念 日 促销 
让 人 A 全 ,收藏 有 礼 1 CO 
ee ,邀请 有 礼 -以 旧 换 新 内 
。 邀 请 返利 * 店庆 特惠 


,好 评 有 礼 
| 附加 服务 周期 促销 
。 包 加 工 2 
。 买 手机 送 话费 半价 
* 帮 你 制订 


ve mL 


本 


时 

. 

* 
哈 
= 
二 


Ph 
Phd 


如 HTT 划 


3-24 ”电子 商务 常用 的 促销 方式 


下 面 介绍 一 下 部 分 常用 的 促销 方式 。 


(1) 折价 促销 


价格 一 直 都 是 电子 商务 运营 中 的 重点 ， 而 折价 促销 也 是 电 商 最 擅长 且 使 用 最 多 的 促销 方式 。 淘 宝 双 十 一 、 京 东 的 8.15， 如 此 大 规模 的 促销 都 是 以 折价 的 方式 体现 的 。 折 价 促销 的 操作 简单 、 效 果 显著 ， 
赢得 了 众多 电 商 的 青睐 。 而 客户 也 很 喜欢 这 种 直接 受益 的 促销 方式 ， 也 对 它 最 为 敏感 ， 幅 度 较 大 的 折扣 可 以 刺激 客户 快速 消费 。 而 且 还 慢 慢 衍 生出 了 网 上 折扣 店 这 一 新 兴 的 营销 方式 。 折 价 促销 有 多 种 方式 
体现 ， 例 如 全 场 2 折 ， 特 定 商品 5 折 ， 全 场 2 折 起 ， 等 等 。 折 价 促销 也 有 其 劣势 ， 它 仪 限于 降低 价格 时 吸引 顾客 ， 当 价格 恢复 原价 后 可 能 就 无 人 问津 了 。 所 以 才 出 现 了 在 淘宝 双 十 一 期 间 订 单 量 激增 ， 活 动 过 
后 的 一 段 时 间 内 订单 量 减 少 的 情况 。 所 以 折价 促销 也 不 是 万 能 的 ， 要 与 其 他 促销 形式 搭配 使 用 。 


(2) 团购 一 一 拼 单 式 促销 


团购 是 回报 式 促销 的 一 种 ， 它 作为 一 种 新 兴 的 电子 商务 模式 ， 通 过 客户 自行 组 团 、 专 业 团购 网 站 、 商 家 组 织 团购 等 形式 ， 提 升 客 户 与 商家 的 议价 能 力 ， 并 极 大 程度 地 进行 商品 让 利 ， 引 起 客户 及 业内 厂 
商 ， 甚 至 是 资本 市 场 关注 ， 而 最 常见 的 就 是 商家 组 织 团购 的 形式 。 随 着 互联 网 的 发 展 ， 团 购 网 站 在 2010 年 如 雨后春笋 般 的 出 现 ， 走 在 电子 商务 网 络 购物 前 沿 地 带 ， 已 经 成 为 了 每 个 电子 商务 平台 的 标 配 促销 
形式 。 团 购 具备 了 网 络 购物 的 所 有 优点 ， 如 低 价 、 方 便 、 快 捷 、 不 受 地 域 限制 等 。 而 价格 优势 又 成 为 其 最 主要 的 核心 优势 ， 这 种 优势 甚至 要 比 普通 网 络 购物 更 加 明显 。 团 购 的 好 处 主要 表现 在 两 方面 : 一 是 
团购 价格 低 于 产品 市 场 最 低 零售 价 ， 二 是 产品 的 质量 和 服务 能 够 得 到 有 效 的 保证 。 它 让 每 一 个 人 都 能 找到 更 优惠 的 团购 商品 ， 让 不 相识 的 客户 共同 享受 物美 价 廉 的 服务 。 


对 于 客户 来 说 ， 团 购 的 形式 相当 于 线 下 的 批发 形式 ， 团 购 价格 相当 于 产品 的 批发 价格 。 通 过 网 络 团购 ， 可 以 将 被 动 的 分 散 购买 变 成 主动 的 大 宗 购 买 ， 所 以 购买 同样 质量 的 产品 ， 能 够 享受 更 低 的 价格 和 
更 优质 的 服务 。 


团购 对 电子 商务 网 站 来 说 也 有 很 多 好 处 ， 一 是 直接 促进 电子 商务 网 站 的 销量 ， 二 是 直接 带动 电子 商务 网 站 的 注册 会 员 数 量 增长 ;第 三 是 通过 促进 客户 的 尝试 购买 ， 发 现 平台 存在 的 问题 ， 增 强 客户 体 
验 ; 第 四 是 扩大 电 商 网 站 的 品牌 曝光 度 和 知名 度 ; 第 五 是 增加 老 客户 对 网 站 的 黏 性 。 所 以 团购 是 一 个 电子 商务 网 站 必 不 可 少 的 促销 方式 。 


(3) 惠 赠 式 促销 


惠 赠 式 也 是 一 种 回报 式 促销 形式 ， 包 含 很 多 种 实现 方式 ， 例 如 买 一 送 一 、 买 送礼 品 、 买 送 积分 、 买 送 代金 券 等 。 下 面 来 了 解 一 下 具体 的 促销 方式 。 


“ 买 送礼 品 〈 或 者 买 一 送 一 、 满 就 送礼 品 ) : 是 指 客户 在 购买 某 一 商品 或 者 达到 一 定 条 件 的 同时 无 偿 赠 送 给 他 一 件 商品 或 者 某 些 赠品 。 赠 送礼 品 使 客户 在 购买 商品 时 得 到 意外 的 惊喜 从 而 感动 ， 促 使 其 
快速 下 单 。 赠 送礼 品 相对 于 其 他 的 降价 促销 来 说 有 很 多 优点 ， 第 一 可 以 提升 网 站 和 品牌 的 知名 度 ; 第 二 降价 往往 会 给 顾客 以 商品 本 身 就 廉价 的 感觉 ， 而 赠送 礼品 的 促销 形式 则 不 会 ; 第 三 赠品 促销 能 够 鼓励 
顾客 重复 消费 或 增加 消费 量 ; 第 四 将 新 品 作为 赠品 销售 ， 简 单 直接 地 推广 了 新 品 ， 并 可 以 进一步 了 解 客 户 对 于 赠品 的 关注 程度 ， 评 估 新 品 是 否 受 欢迎 。 一 般 在 新 产品 试用 、 产 品 更 新 、 对 抗 竞争 品牌 、 开 性 
新 市 场 情况 下 利用 赠品 促销 可 以 达到 比较 好 的 促销 效果 。 


“ 买 送 积分 : 是 指 客户 在 购买 商品 时 根据 消费 金额 的 不 同 赠送 不 同 的 积分 。 根 据 不 同 的 需要 积分 可 以 有 不 同 的 意义 。 比 如 有 的 网 站 将 积分 作为 虚拟 币 使 用 ， 可 以 在 消费 的 时 候 按 照 不 同 的 比例 抵 现 ， 而 
有 的 仅仅 作为 一 个 分 值 ， 可 以 用 分 值 沈 换 积分 商品 。 可 以 根据 不 同 的 需要 设置 积分 的 不 同意 义 。 积 分 营销 的 网 络 应 用 比 传统 行业 要 方便 很 多 ， 操 作 性 和 可 信 度 都 要 比 传统 行业 高 ， 会 员 可 以 在 自己 的 买 家 中 
心 查看 积分 详细 记录 。 虽 然 积 分 对 客户 下 单 的 吸引 力 不 如 降价 和 赠送 礼品 ， 但 是 其 作为 一 种 电子 商务 很 重要 的 促销 活动 有 其 独特 的 优势 ， 积 分 营销 是 一 种 持续 长 期 的 促销 形式 ， 可 以 吸引 会 员 多 次 光顾 网 
站 ， 从 而 提高 网 站 会 员 黏 性 和 患 诚 度 ， 而 且 其 本 身 成 本 也 低 于 其 他 促销 活动 ， 易 于 操作 。 


“ 买 送 代金 券 : 与 以 上 促销 活动 一 样 ， 买 送 代金 券 就 是 指 客户 在 购买 商品 的 同时 也 获得 了 一 张 国 定 面额 的 代金 券 。 代 人 金 券 的 本 质 其 实 就 是 优惠 券 的 一 种 ， 是 一 个 短期 刺激 客户 的 工具 ， 它 与 积分 〈 长 期 
吸引 顾客 ) 刚好 构成 了 日 常 营销 的 基本 工具 。 代 人 金 券 在 购物 中 可 以 抵 扣 同等 面额 的 现金 。 代 人 金 券 是 促进 老 客户 再 次 消费 和 拉 回 即将 流失 的 老 客 户 的 有 效 手 段 。 还 可 以 用 积分 兑换 代金 券 ， 从 而 完成 积分 从 产 
生 到 消亡 的 生命 周期 。 赠 送 代金 券 不 像 其 他 的 促销 活动 一 样 可 以 立即 对 客户 产生 回馈 ， 而 是 在 下 次 消费 的 时 候 进行 优惠 ， 这 也 正 是 其 优点 所 在 ， 对 其 他 促销 活动 形成 了 有 效 的 补充 。 代 人 金 券 的 最 高 境界 是 绑 
架 消费 ， 让 客户 买 了 本 不 打算 买 的 东西 ， 而 且 不 去 网 上 比价 格 ， 真 是 四 两 拔 千 斤 。 


(4) 搭配 销售 


搭配 销售 是 客户 在 浏览 一 件 商 品 时 再 向 他 推荐 其 他 商品 ， 这 件 商 品 可 以 与 其 他 商品 搭配 起 来 一 起 销售 ， 同 时 总 价格 进行 相应 幅度 的 降低 。 配 套 的 商品 必须 是 客户 需要 的 ， 且 相互 之 间 有 一 定 的 联系 。 搭 
配 销售 相对 于 其 他 的 促销 方式 来 说 有 很 多 的 优点 ， 一 是 更 有 利于 扩大 商品 销量 ， 提 升 客 均 购买 件数 ， 从 而 提高 客 单价 ;二 是 直接 降价 会 损伤 品牌 价值 ， 搭 配 销售 降低 价格 既 让 客户 得 到 便宜 ， 同 时 不 会 有 价 
格 的 横向 比较 ， 对 原价 购买 的 老 顾客 伤害 更 小 ; 三 是 提升 客户 体验 ， 让 客户 感到 服务 很 周到 ， 例 如 相同 款式 的 衣服 搭配 销售 免 去 了 客户 再 去 自己 搭配 ， 同 时 穿 上 的 效果 也 更 佳 ， 更 容易 获得 客户 的 满意 。 同 
时 类 似 的 销售 还 有 连贯 式 促销 (例如 : 第 二 件 半 价 ) 、 捆 绑 式 促销 (例如 买 A 送 B、 加 一 元 多 一 件 ) 。 


(5) 限时 限量 促销 


物 以 稀 为 贵 ， 限 量 促销 正 是 利用 了 人 们 的 这 个 心理 。“ 对 失去 某 种 东西 的 丽 惧 ， 似 乎 要 比 获得 同一 物品 的 渴望 ， 更 能 激发 人 们 的 行动 力 ”。 限 量 销售 会 造成 你 即将 失去 获得 某 件 心爱 物品 的 机 会 ,心情 
开始 紧张 起 来 ， 不 愿意 承受 失去 ， 于 是 不 再 顾虑 很 多 ， 直 接 下 单 购买 。 由 此 延伸 出 了 很 多 的 促销 方式 比如 “ 补 货 中 ”、“ 仅 剩 最 后 100 件 ”、 京 东 的 “北京 无 货 ”等 等 。 而 其 中 以 京东 的 地 区 性 无 货运 用 的 
最 巧妙 无 痕 。 


限时 促销 则 是 对 客户 进行 了 步 步 紧 催 的 心理 策略 ， 对 客户 获得 某 件 商品 的 机 会 做 出 限制 。 告 诉 客户 时 间 马 上 就 到 了 ， 赶 紧 下 单 吧 ， 再 犹豫 就 没 机 会 了 ， 催 促 让 客户 一 下 子 产 生 了 紧张 感 ， 心 里 想 着 错过 
了 就 得 不 到 自己 喜欢 的 东西 了 ， 该 买 就 买 吧 。 将 限时 做 到 极限 的 促销 方式 就 是 秒杀 了 ， 秒 杀 时 间 一 到 客户 蜂拥 而 上 ， 瞬 间 抢 购 一 空 ， 没 买 到 的 客户 还 会 觉得 心里 很 是 遗憾 ， 而 买 到 的 会 很 有 成 就 感 ， 辛 辛苦 
苦 抢 到 的 商品 即使 不 是 百分之百 满意 也 爱不释手 。 这 就 是 人 们 心理 上 的 通病 。 


限时 和 限量 的 促销 都 是 在 给 客户 制造 紧张 感 ， 激 发 了 他 们 的 行动 力 ， 促 使 其 快速 下 单 。 而 且 越 难得 到 的 东西 ， 得 到 后 越 是 珍惜 ， 在 心里 的 价值 会 高 于 其 他 东西 ， 也 容易 对 商品 感到 满意 ， 为 二 次 购买 创 
造 了 机 会 。 电 子 商务 网 站 合理 的 运用 限时 限量 也 是 很 有 必要 的 ， 限 时 限量 促销 容易 造成 很 多 客户 同一 时 间 涌 入 网 站 ， 对 于 网 站 负载 、 库 存 、 客 服 、 物 流 等 都 是 不 小 的 考验 ， 所 以 在 活动 之 前 必须 做 好 完善 的 
准备 工作 ， 才 能 保证 活动 顺利 完成 。 


(6) 抽奖 式 促销 


抽奖 式 促销 是 以 某 种 奖励 吸引 客户 积极 参与 调查 、 产 品 销售 、 注 册 、 庆 典 、 推 广 等 活动 。 客 户 通过 参加 活动 获得 抽奖 的 机 会 。 采 用 抽奖 式 促销 能 够 覆盖 大 范围 的 目标 消费 群体 ， 对 会 员 注册 、 销 售 额 等 
有 直接 的 拉动 作用 ， 可 以 吸引 新 顾客 ， 也 使 者 顾客 多 次 光顾 网 站 。 中 奖 顾客 在 这 其 中 不 仅 收 货 了 物质 ， 在 心理 上 也 会 有 获得 中 奖 这 份 幸 运 带 来 的 愉悦 感 。 但 是 一 般 抽奖 需要 设置 中 奖 率 ， 中 奖 率 设置 得 过 低 
会 影响 顾客 的 积极 性 。 当 网 站 为 了 解 一 些 客户 需求 而 举办 调查 活动 时 ， 抽 奖 不 失 为 一 种 很 有 效 的 方式 。 


(7) 互动 式 促销 


随 着 网 络 的 不 断 普 及 ， 上 网 人 数 也 在 不 断 激增 。 而 电子 商务 也 正 朝 着 社区 化 的 方向 发 展 。 会 员 与 商家 、 会 员 与 会 员 的 互动 成 为 了 商家 进行 推广 的 一 个 特有 的 方式 。 随 之 也 应 运 而 生 了 一 些 特有 的 促销 方 
式 。 下 面 来 介绍 一 下 这 些 新 兴 的 促销 方式 中 常用 的 几 种 。 


: 好 评 有 礼 : 在 网 上 购物 ， 评 价 是 每 个 客户 必 看 的 ， 所 以 评价 的 好 坏 对 于 网 站 来 说 很 重要 。 一 条 好 的 评价 也 许 就 可 以 促成 一 单 生意 。 所 以 商家 不 惜 重 金 搞 评价 有 礼 的 活动 。 很 常见 的 方式 就 是 评价 送 积 
分 、 评 价 返 现金 。 淘 宝 上 很 多 商家 更 是 用 现金 买好 评 ， 当 客户 买 了 商品 之 后 给 予 好 评 则 直接 返 现 ， 也 是 很 常见 的 。 这 种 促销 对 于 提升 销售 是 间接 性 的 ， 但 也 是 很 有 效 的 ， 俗 话说 金杯 银 杯 不 如 好 的 口碑 。 而 
这 种 活动 也 是 比较 容易 操作 的 ， 针 对 性 也 很 强 ， 所 以 在 促销 预算 足够 的 情况 下 ， 使 用 该 种 促销 也 很 有 必要 。 

“ 邀请 有 礼 : 邀请 有 礼 这 种 在 社区 中 常见 的 方式 ， 慢 慢 地 被 移植 到 了 电子 商务 中 。 老 客户 邀请 新 客户 注册 或 者 购买 则 得 到 相应 的 奖励 。 一 般 老 客户 和 邀请 的 新 客户 之 间 在 现实 中 是 认识 的 ， 存 在 一 定 的 
信任 感 ， 通 过 老 客户 邀请 进入 网 站 ， 从 而 对 网 站 也 产生 了 一 定 的 信任 感 ， 这 种 信任 感 一 产生 ， 则 其 购买 的 几率 也 就 相应 的 增加 。 邀 请 这 种 方式 也 从 另 一 方面 降低 了 推广 费用 ， 且 效果 更 佳 ， 何 乐 而 不 为 呢 。 


(8) 附加 值 促销 


在 激烈 的 市 场 竞争 中 ， 价 格 战 已 经 被 广大 客户 所 熟知 ， 可 是 一 味 的 价格 战 对 商家 来 说 是 一 种 伤害 ， 降 低 了 利润 也 影响 了 商品 的 品牌 价值 ， 很 容易 造成 一 种 恶性 循环 。 随 着 社会 物质 的 不 断 丰富 ， 人 们 也 
不 再 一 味 的 注重 价格 ， 良 好 的 品质 和 优质 的 服务 对 客户 的 吸引 力 在 不 断 地 增强 ， 在 商家 和 客户 理念 的 不 断 成 熟 中 ， 附 加 值 促销 形式 逐渐 受到 商家 喜爱 。 


“ 包 邮 : 相对 于 传统 行业 来 说 ， 电 子 商 务 运营 中 的 邮 壳 是 其 一 个 兽 端 ， 客 户 还 没收 到 商品 就 先 付 了 邮费 ， 从 心理 上 来 说 总 是 有 些 不 悦 。 所 以 当下 电子 商务 网 站 都 采用 了 包 邮 的 形式 来 消除 这 一 商 端 。 它 
也 成 为 最 常用 的 一 种 促销 形式 。 

“ 附加 服务 : 附加 服务 作为 价格 之 外 的 一 种 促销 ， 与 特价 促销 形成 了 有 效 的 补充 。 常 用 的 附加 服务 有 包 加 工 、 保 修 、7 天 包 退 、30 天 包 换 等 服务 。 这 种 优质 的 服务 更 容易 得 到 客户 对 品牌 的 认可 。 所 以 附 
加 服务 促销 相对 于 降价 的 促销 来 说 ， 不 仅 能 吸引 客户 下 单 ， 有 较 低 的 促销 费用 ， 而 且 对 于 品牌 价值 的 提升 很 有 益处 。 这 样 就 形成 了 一 个 良性 的 循环 。 所 以 建议 电子 商务 网 站 应 该 加 入 不 同形 式 的 附加 服务 促 
销 。 


相对 于 降价 促销 来 阅 ， 附 加 值 促销 更 容易 操作 ， 且 对 品牌 的 提升 很 重要 ， 品 牌 的 建立 需要 优质 的 服务 ， 正 好 将 优惠 促销 和 树立 品牌 这 两 个 本 身 有 点 矛盾 的 事 更 好 地 融合 起 来 ， 使 电子 商务 变 得 更 加 轻 


3.3.2 设计 思路 


电子 商务 网 站 促销 通过 维护 老 客户 、 吸 引 新 客户 、 增 加 网 站 黏 性 、 提 升 销售 额 和 增加 品牌 价值 ， 在 促进 网 站 的 销售 和 提升 活力 的 同时 ， 形 成 了 网 站 运营 的 良性 循环 。 


1. 业 务 的 设计 原则 


促销 的 作用 主要 体现 在 以 下 几 个 方面 。 


“ 吸引 注意 力 : 促销 通过 比较 吸引 人 注意 的 方式 ， 将 产品 、 服 务 等 信息 传递 给 客户 ， 引 起 他 们 的 注意 。 
“ 说 服 功能 : 通过 价格 、 服 务 等 方面 的 促销 方式 ， 说 服 客户 消除 疑虑 ， 坚 定购 买 。 
“ 反馈 信息 : 通过 促销 的 效果 和 调查 抽奖 等 促销 形式 收集 和 汇总 的 信息 ， 可 以 了 解 客户 的 需求 和 意见 ， 而 且 其 中 很 多 的 反馈 信息 是 文字 性 的 更 具有 可 靠 性 ， 对 网 站 运营 有 很 高 的 参考 价值 。 


: 刺激 销售 : 好 的 促销 可 以 挖掘 客户 的 潜在 需求 ， 一 条 优质 的 促销 信息 ， 往 往 可 以 使 客户 产生 购买 的 欲望 ， 从 而 扩大 客户 需求 ， 增 加 销售 。 


电子 商务 网 站 在 建立 促销 时 ， 其 业务 逻辑 的 设计 原则 应 该 遵从 以 上 促销 的 几 点 作用 来 设计 ， 使 其 充分 发 挥 作 用 ， 收 到 良好 的 促销 效果 。 


2. 模 块 设计 实例 


下 面 以 B2B2C 电 商 平台 线 上 团购 模块 为 例 了 解 一 下 电 商 平台 促销 的 基本 模块 设计 。 


“ 套餐 管理 : 在 B2B2C 电 商 平台 中 提供 商品 和 服务 的 是 平台 上 的 各 个 店铺 ， 而 承办 活动 的 却 是 平台 本 身 。 团 购 是 作为 平台 的 一 项 促销 服务 存在 的 ， 也 是 平台 盈利 的 一 个 渠道 。 所 以 在 团购 模块 中 应 该 加 
入 套餐 管理 版 块 ， 店 铺 在 开始 团购 之 前 需要 先 向 平台 购买 或 者 申请 团购 套餐 ， 套 餐 规定 了 店铺 可 以 参加 团购 活动 的 时 间 段 。 

“ 团购 管理 : 团购 活动 模块 是 平台 统一 管理 的 ， 对 于 参加 平台 上 团购 活动 的 店铺 及 其 商品 的 管控 显得 尤为 重要 。 平 台 应 该 可 以 完全 控制 团购 中 商品 的 上 下 架 。 平 台 对 团购 的 管控 体现 在 以 下 方面 ， 第 一 
提交 参加 团购 的 商品 和 相关 信息 ， 等 待 平台 审核 ; 第 二 当 活 动 开始 之 后 出 现 了 问题 ， 平 台 可 以 立即 取消 该 团购 活动 。 

“即将 开始 ”: 国 购 一 般 是 到 某 个 时 间 才 能 进行 的 ， 为 了 在 一 定时 间 段 内 获得 更 多 的 客户 购买 ， 在 团购 页 面 展示 “即将 开始 ”的 团购 很 重要 ， 在 团购 活动 经 过 平台 审核 之 后 就 可 以 展示 到 “即将 开 
始 ” 版 块 中 ， 延 长 活动 的 展示 时 间 以 获得 更 多 客户 的 注意 ， 让 客户 记 住 某 某 时 间 点 将 会 开始 某 商品 的 团购 ， 记 得 准时 参加 。 

“ 搜索 设置 : 团购 信息 一 般 是 将 所 有 的 团购 活动 不 分 类 别 的 杂乱 展示 ， 这 是 本 着 公平 公正 和 大 多 数 客户 的 需要 而 展示 的 ， 而 有 些 客户 是 有 明确 的 购买 意愿 的 ， 所 以 增加 必要 的 搜索 是 很 好 的 用 户 体验 。 
所 以 团购 中 应 该 加 入 一 些 搜索 项 。 比 如 团购 商品 分 类 、 价 格 区 间 等 。 


“ 详细 信息 : 团购 商品 详细 页 面 需要 展示 团购 商品 的 图 片 、 描 述 、 状 态 、 评 价 和 已 购买 信息 等 。 该 页 面 作为 团购 商品 的 展示 页 面 一 般 会 展示 其 比较 吸引 顾客 的 点 ， 所 以 商品 图 片 、 价 格 、 描 述 等 会 设计 
的 比较 醒目 ， 易 于 引起 客户 的 购买 欲 。 一 般 团购 商品 的 促销 图 和 商品 描述 信息 都 是 在 店铺 申请 团购 活动 的 时 候 单独 设置 的 ， 是 不 同 于 商品 详细 页 面 的 信息 的 。 这 点 在 制作 团购 模块 的 时 候 一 定 要 注意 。 再 者 
由 于 团购 是 一 个 限时 限量 的 活动 ， 不 是 长 期 存在 的 ， 其 状态 也 有 很 多 种 。 包 括 即 将 开始 、 进 行 中 、 已 完成 (团购 圆满 完成 ) 、 已 结束 (团购 由 于 人 数 不 够 或 者 其 他 原因 中 途 结 来 ) 等 。 所 以 在 团购 活动 详细 
页 面 展示 清晰 可 见 的 状态 对 于 客户 来 说 也 很 有 必要 。 


' 团购 订单 : 线 上 团购 与 线 下 团购 的 订单 流程 是 不 同 的 ， 相 反 线 上 团购 与 一 般 的 订单 操作 是 一 致 的 。 所 以 在 B2B2C 电 商 平 台中 将 线 上 团购 订单 与 一 般 订单 都 统一 到 了 订单 模块 中 。 只 是 在 订单 信息 中 标 
注 其 为 团购 活动 产生 的 订单 ， 便 于 商家 查看 订单 活动 产生 的 相应 团购 订单 ， 评 测 团 购 活动 的 效果 。 


图 3-25 即 为 线 上 团购 模块 构成 及 跨 职能 流程 展示 图 ， 按 照 平台 、 上 店铺 、 买 家 三 种 身份 在 团购 中 不 同 的 职能 来 描述 线 上 团购 整个 过 程 。 


团购 模块 构成 与 流程 图 


团购 分 类 
团购 搜索 设置 


新 增 团购 “上! 添加 团购 商品 和 


' 团 购 的 详细 信息 


购买 后 续 流 程 


图 3-25 B2B2C 电 商 平台 线 上 团购 构成 与 跨 职 能 流程 图 


3.3.3 ”代码 实现 


从 以 上 模块 可 知 ， 在 电子 商务 网 站 中 促销 是 多 种 多 样 的 ， 除 了 促销 特定 的 本 身 业 务 需要 的 部 分 代码 不 同 外 ， 其 他 的 代码 实现 思路 是 一 致 的 。 下 面 还 是 以 ShopNC B2B2C 电 商 平台 中 的 线 上 团购 为 例 介绍 
一 下 促销 模块 的 代码 实现 。 


B2B2C 电 商 平台 中 的 线 上 团购 功能 中 ， 团 购 申 请 和 团购 详情 前 台 展 示 是 比较 重要 的 两 块 。 其 他 例如 搜索 信息 设置 、 分 类 管理 、 套 餐 管理 的 简单 增删 改 功能 就 不 再 蓝 述 了 。 


.团购 申请 实现 


团购 申请 是 店铺 与 平台 之 间 申 请 团购 信息 上 线 展示 的 功能 模块 ， 申 请 过 程 的 实现 需要 以 下 代码 。 


1) 购买 套餐 : 按照 需要 的 套餐 数量 购买 套餐 (一 期 套餐 为 30 天 ) ， 可 以 在 购买 的 周期 内 发 布 团购 活动 。 例 如 ， 购 买 2 期 团购 活动 〈 即 为 60 天 ) ， 则 可 以 在 该 60 天 内 发 布 团购 活动 。 实 现代 码 见 代码 清单 
3-13。 


代码 清单 3-13 ”ShopNC B2B2C 电 商 平台 线 上 团购 购买 套餐 


/** 
* 购买 团购 套餐 


太 炎 

a 

public function groupbuy quota add saveOp () { 

// 处 理 购买 套餐 数量 

S$groupbuy quota quantity =intval ($ POST['groupbuy quota quantity']); 
if($groupbuy quota quantity <= 0) { 

showDialog (' 购 买 数 量 不 能 为 空 ') ; 


} 
$model groupbuy quota = Model ('groupbuy quota'); 
/获取 轨 前 穴 恨 价 属 = 

$current rice = intval ($GLOBALST[ 'setting config']['groupbuy price']); 

// 获 取 该 古 铺 当 前 可 用 套餐 

$current groupbuy quota= $model groupbuy quota->getGroupbuyQuotaCurrent ($ SESSION['store id']); 
// 计 算 可 用 套餐 的 时 间 段 

$add time = 86400 * 30 * $groupbuy quota quantity; 

// 如 果 当 前 不 存在 可 用 套餐 ， 则 生成 新 套餐 记录 

if (empty ($current groupbuy quota)) { 

Sparam = array(); 


Sparam[ 'member id'] = $_SESSION['member id']; 
Sparam[ 'member name'] = $ SESSION['member name']; 
Sparam['store jd'] = $ SESSION['store id']; 


S$param['store name'] = $ SESSTON['store_name']; 

S$param['start time'] = TIMESTAMP; 

Sparam['end time'] = TIMESTAMP + $add time; 

$model groupbuy_ quota->addGroupbuyQuota (Sparam) 7 
} else { 


// 如 果 当 前 已 存在 可 用 套餐 则 更 新 套餐 结束 时 间 

Sparam = array() 

Sparam[ 'end time'] = array('exp', 'end time + ' . $add time) 7 
Smodel groupbuy quota->editGroupbuyQuota ( $param, 

array ("quota id™ => $current groupbuy quota['quota id']))7 


} 

// 记 录 店铺 费用 

S$this->recordStoreCost ($current price * $groupbuy quota quantity, ' 购 买 团购 '); 

showDialog (Language: :get ('groupbuy quota add success'), urlShop('store groupbuy', "groupbuy list'), 'succ'); 
} 


Bi 总 根据 平台 需要 套餐 购买 成 功 后 ， 需 要 支付 相应 费用 ， 当 支付 成 功 并 且 平 台 审 核 通 过 后 ， 即 可 计 入 下 一 步 。 


2) 申请 团购 活动 : 购买 套餐 成 功 后 ， 店 铺 可 以 向 平台 提交 团购 活动 申请 ， 经 过 平台 审核 通过 后 ， 即 可 在 团购 活动 列表 中 显示 。 实 现代 码 见 代码 清单 3-14。 


代码 清单 3-14 ShopNC B2B2C 电 商 平台 线 上 团购 活动 申请 提交 


fh 
* 团购 保存 

x*/ 

public function groupbuy ， SaveOp() { 
// 处 理 提交 的 商品 编号 
S$goods jd = intval($ POST['groupbuy goods id']); 
if (empty ($goods id)) { 

showDialog (Language: :get ('param error')); 


} 
$model groupbuy = Model ('groupbuy'); 
$model goods = Model ('goods'); 
Smodel groupbuy quota = Model ('groupbuy quota'); 
// 检 验 当前 是 咎 有 可 用 套餐 
$current groupbuy quota = $model Puy quota->getGroupbuyQuotaCurrent ($ SESSION ['store id']); 
if (empty{ ($current groupbuy quota)) 
showDialog("' (' 当 前 没有 可 用 套餐 ， 消 先 区 买 套餐 '， urlShop('store groupbuy', ‘'groupbuy_ quota add'),'error'); 


// 吉 取 参加 团购 的 该 交 店 铺 商 品 信息 
$goods_info = Smodel goods->getGoodsTnfo(array(' goods id' => $goods id) ) 7 
if (empty($goods_ info) || $goods info['store id'] != $ on store id']) { 
showDialog (Language: :get ('param error')); 


// 检 查 商 品 是 否 已 经 参加 同时 段 团购 活动 ， 不 能 重复 参加 团购 活动 
$condition = array(); 
$condition['end time'] array('gt', strtotime ($_POST[ "start time'])) 
$condition['goods id'] = $goods id; 
S$groupbuy_list = $model groupbuy->getGroupbuyAvailableList ($condition); 
if(!empty($groupbuy list)) { 
showDialog (Language: :get ('param error')); 


} 
/ /整理 团购 信息 数组 
Sparam = array(); 
Wee 

// 保 存 团购 信息 

$result = $model groupbuy->addGroupbuy ($param); 
} 


;+ 读 提交 团购 活动 申请 后 ， 需 要 平台 审核 该 信息 的 真实 性 等 ， 当 平台 审核 通过 后 ， 活 动 便 可 在 前 台 活 动 页 面 显示 了 。 


2. 团 购 展示 实现 


团购 申请 成 功 之 后 ， 即 可 在 前 台 显示 了 。 团 购 详细 页 面 作为 团购 信息 全 面 展示 的 综合 页 面 ， 应 该 将 与 团购 相关 的 各 方面 信息 全 部 展现 ， 并 且 因为 是 促销 活动 的 页 面 更 应 该 吸引 眼球 。 接 下 来 我 们 看 一 下 
团购 详细 页 面 及 团购 信息 在 商品 详细 页 面 是 怎么 显示 的 。 


团购 详细 页 面 代码 实现 见 代码 清单 3-15。 


代码 清单 3-15 ShopNC B2B2C 电 商 平台 线 上 团购 活动 详细 页 面 代码 


EE 
* 团 购 详细 页 面 信息 
大/ 
public function groupbuy detailOp() { 
S$group_ id = intval($ GET['group id']); 
$model groupbuy = Model ('groupbuy'); 
Smodel store = Model('store'); 
// 获 取 团 购 详细 信息 
S$groupbuy_info = $model groupbuy->getGroupbuyInfoByID($group id); 
if (empty ($groupbuy_ info)){ 
showMessage (Language: :get ('param error'),'index.php?act=show_ groupbuy', '', 'error'); 


} 
Tpl: :output (' OUDDUY info', $groupbuy_ info); 
/7 输出 店铺 信息 
$store info = $model store->getStoreInfoByID($groupbuy infol['store id']); 
Tpl::output ('store info', $store info); 加 
// 浏览 数 次 数 加 一 “ 
Supqdate_array = array() 


Supdate : array['views'] = array('exp', 'viewst+1'); 
Smodel groupbuy->editGroupbuy ($update array, array('groupbuy id'=>$group id)); 
// 商品 好 评 率 


$model evaluate = Model('evaluate goods'); 
$evaluate info = $model evaluate->getEvaluateGoodsInfoByCommonidID ($groupbuy info['goods commonid']); 
Tpl::output ('evaluate info', $evaluate info); 
TP1: :output ('index sign','groupbuy'); 
TP1: :showpage ('groupbuy detail'); 
} 


图 3-26 为 团购 活动 详细 页 面 代码 实现 效果 图 。 


228 元 任 选 一 箱 ， 国 际 大 赛 权 威 推荐 “金奖 ”葡萄 酒 ! 


全 国 唯一 支持 开 瓶 试 饮 7 天 无 理由 退换 货 


商家 : 官方 店 捕 

综 会 评分 : me 4.4 分 

店铺 动态 评分 与 行业 相 比 
省 术 相 答 47 分 = 持 于 本 
服务 态度 44 分 = 持平 本 型 


折扣 节省 \ \ 二 从 十 度 41 分 - 持 三 革 开 | 
2.54 折 ¥671.00 | rp 
在 蛙 音 服 : 


本 商品 已 被 团购 13 件 me ， 运 入 丙 家 店铺 


每 人 最 多 网 洋 5 件 ， 数 里 有 限 ， 党 网 从速 ! 
本 期 热门 团购 


内 时 间 : 192 天 8 小 时 53 分 12 
日 利 R 同 : 192 天 8 小 四 53 分 12 秒 226 元 任 选 一 牺 ， 国 际 大 赛 权威 推荐 


BDORDEAUX 
商品 信息 购买 记录 商品 评价 (1) 
100 好评 (100%) 国生 您 可 对 已 网 商 品 进行 评价 


共有 1 人 参与 评 人 差 评 (0%) 


¥228.00 13 件 已 购买 


3-26 团购 活动 详细 页 面 代码 实现 效果 图 


团购 活动 在 商品 详细 页 面 的 实现 见 代 码 清单 3-16。 


代码 清单 3-16 shopNC B2B2C 电 商 平台 线 上 团购 活动 在 商品 详细 页 展示 代码 


/** 
* 获取 单条 商品 信息 


* @param int $goods id 
* Q@return array 
六 
public function getGoodsDetail ($goods id) { 
if($goo0ds id <= 0) { 
return null; 


} 
// 查 询 商品 详细 信息 
z 


AAA 
if (C('groupbuy allow')) { 
S$groupbuy_info = Model ('groupbuy')->getGroupbuyInfoByGoodsCommonID ($goods_info['goods commonid']); 
if (!empty($groupbuy info)) { 

S$goods_info['promotion type'] = 'groupbuy'; 

S$goods info['remark'] = $groupbuy info['remark']; 

S$goods info['promotion price'] = $groupbuy info['groupbuy price']; 

S$goods info['down price'] = ncPriceFormat ($go0ds info['goods price'] - S$groupbuy info['groupbuy price']); 

$goods info['upper limit'] = $groupbuy info['upper limit']; 


} 


// 限 时 折扣 : 当 商 品 团购 活动 存在 时 ， 限 时 折扣 让 团购 信息 优先 显示 
if (C('promotion allow') && empty($groupbuy info)) { 
2 


} 
// 商品 受 关注 次 数 加 1 


$result['goods info'] = $goods info; 

$result['spec list'] = $spec list; 

$result['spec list mobile'] = $spec list mobile; 
$result['spec image'] = $spec image; 

$result['goods image'] = $goods image; 
$result['goods image mobile'] = $goods image mobile; 
$result['groupbuy info'] = $groupbuy info; 


$result['xianshi info'] = $xianshi info; 
$result['mansong info'] = $mansong info; 
return $result; 


@@ 济 以 上 代码 中 值得 注意 的 一 点 是 ， 商 品 可 能 同时 参与 了 多 种 不 同 的 促销 活动 ， 但 是 在 客户 下 单 时 只 能 享受 一 种 促销 优惠 ， 所 以 应 该 确定 一 种 次 序 ， 有 优先 级 的 参与 促销 活动 。 例 如 ， 在 以 上 代码 
中 ， 当 团购 活动 和 限时 折扣 同时 存在 时 ， 则 优先 参与 团购 活动 ， 而 不 再 重复 参与 限时 折扣 的 促销 优惠 了 。 


图 3-27 为 商品 详细 页 面 展 示 团 购 活动 代码 实现 效果 图 。 


至 苯 金 奖 法 国 原 独 进口 AOC 红 酒 任 选 一 箱 红 沙城 堡 红 葡萄 酒 原装 进口 
全 国 唯一 支持 开 瓶 试 饮 7 天 无 理由 退换 货 


市 场 怕 : ¥ 半 688.99 


: 羊 228.00 ( 原 售 价 : ¥899.00) 

: 最 多 限购 5 件 全 国 唯 一 支持 开 瓶 试 饮 7 天 无 里 由 退换 贷 
: 请 育 人 请 请 廊 (1 条 评论 ) 

: 过 家 承担 运 更 

: 18 件 


购买 数 里 : E 池 (当前 库存 4982 件 ) 


已 选择 原装 进口 
加 分 享 0 站 收藏 商品 0 


3-27 ”商品 详细 页 面 展 示 团购 活动 代码 实现 效果 图 


3.3.4 ”功能 体验 


介绍 了 这 么 多 关于 B2B2C 电 商 平台 中 线 上 团购 的 相关 内 容 ， 下 面 我 们 来 体验 一 下 它 的 使 用 。 


1) 店铺 向 平台 购买 套餐 ， 如 图 3-28 所 示 。 


团购 列表 | 购买 套餐 


* 购买 数量 


购买 单位 为 月 (30 天 )， 您 可 以 在 所 购买 的 周期 内 发 布 团购 活动 
每 月 (30 天 ) 星 需要 支付 107 ; 
相关 费用 会 在 店铺 的 账 期 结算 中 扣除 


2) 店铺 提交 团购 活动 申请 ， 需 要 添加 团购 基本 信息 、 活 动 商品 信息 、 团 购 详细 描述 等 。 图 3-29 和 图 3-30 展 示 了 部 分 团购 活动 添加 页 面 的 内 容 。 


3-28 店铺 卖家 中 心 购买 套餐 页 面 


团购 标题 名 称 长 度 最 多 可 和 输入 30 个 字符 


* 开始 时 间 : 
团购 开始 时 间 不 能 小 于 2014-04-21 16:05 


* 结束 时 间 : 
团购 开始 时 间 不 能 大 于 2014-12-02 16:01 


团购 价格 为 该 商品 参加 活动 时 的 促销 价格 
必须 是 0.01~1000000 之 间 的 数字 (单位 : 元 ) 
团购 价格 应 包含 邮费 ， 团 购 商品 系统 默认 不 收取 邮费 


不 限 
请 选择 团购 商品 的 所 属 类 别 


虚拟 购买 数量 ， 只 用 于 前 台 显示 ， 不 景色 向 成 交 记 录 


每 个 买 家 ID 可 团购 的 最 大 数量 ， 不 限 数量 请 盾 0" 


图 3-29 店铺 卖家 中 心 团购 申请 添加 页 面 基 本 信息 展示 


和 
春装 披肩 式 超 短 款 
商城 价 : ¥129.00 


不 输入 名 称 直 接 搜索 将 显示 店内 所 有 出 售 中 的 商品 


站 级 


新 款 女 款 拼接 不 规则 摆 长 春装 披肩 式 超 短 款 针织 衫 2014 春 款 打 底 毛 衫 拼 色 毛 衣 正品 2014 春 装 新款 女 绣花 
袖 针 织 衫 开衫 杏 雨 开衫 女装 青鸟 长 油 套 头 针织 衫 营 针织 衫 开衫 外 套 浮 暴 初 


请 售 价 : ¥99.00 销售 价 : 站 129.00 销售 价 : ¥¥179.00 销售 价 : 站 189.00 


全 选择 为 团购 商品 全 选择 为 团购 商品 四 选择 为 团购 商品 全 选择 为 团购 商品 


3-30 店铺 卖家 中 心 团购 申请 添加 页 面 选择 参加 活动 的 商品 


3) 平台 管理 人 员 在 管理 员 后 台 审 核 店铺 提交 的 团购 活动 基本 信息 是 否 真实 ， 如 图 3-31 所 示 。 


六 一 团购 笑 动 
商品 名 称 : 夫 装 披肩 式 超 宕 未 针织 衫 开衫 女装 吾 筷 灰色 2014-05-25 00:00 2014-06-03 00:00 
店 鳍 名 区: 启 方 店铺 


20140421 回 购 活 动 


商品 名 称 新 获 女 蒜 树 按 不 规则 摆 长 禧 针织 衫 开衫 吉 雨 粉色 2014-04-22 00:00 2014-04-24 00:00 逮 过 拒绝 铀 除 
技 铺 名 交 : 读 方 后 铺 


SPALDING 斯 伯 丁 PU 皮 学 控 室 内 外 比赛 74-721 


商品 名 多 :SPALDING 斯 伯 丁 官方 施 疙 店 PU 应 人 气 执 这 学 拉 训 内 
外 比赛 得 球 74-221 2014-01-02 15:23 2014-12-25 00:00 


图 3-31 平台 审核 店铺 提交 的 团购 活动 信息 


4) 团购 活动 列表 展示 可 以 分 为 3 类 显示 ， 即 是 商品 团购 (进行 中 的 团购 ) 、 即 将 开始 (未 开始 的 团购 ) 、 往 期 团购 (已 经 结束 的 团购 ) ， 如 图 3-32 所 示 。 


商品 团购 即将 开始 往 期 团购 


分 类 : 服 寺 ih。 运动 户外 教 得 窑 电 
价格 : 医 昌 | 500 元 以 下 501 雹 -1000 元 1001 元 -2000 元 2001 元 -3000 元 30017t-5000 元 


民生 们 格 折扣 ” 销 里 


ROC 
BORDEAUX 


AS Me) 


228 元 人 狂 选 一 箱 ， 国际 大 讲 权 戚 推荐 “多 东 阿 阿胶 桃花 粳 阿 驶 粒 300g ， 芝麻 否 ， 校 春装 披肩 式 超 短 款 针织 祖 开 祖 女装 青鸟 
奖 ” 荀 欧 酒 ! 桃 脆 ， 上 品 呵 胶 ,养颜 绿色 


Y228 oo 全 13 件 已 购买 Y95 oo 二 到 5 件 已 购买 ¥120 oo < 100 件 已 购买 


首页 | 圭一 页 | 1 | 下 一 页 | 未 页 


3-32 ”团购 活动 列表 


5) 团购 活动 详细 页 展示 了 团购 的 价格 、 数 量 、 参 与 人 数 等 基本 信息 ， 以 及 购买 记录 、 商 品评 价 、 店 铺 信息 等 相关 信息 。 点 击 “ 我 要 团 ” 将 进入 下 一 步 即 团购 商品 购买 页 面 ， 如 图 3-33 所 示 。 


6) 团购 商品 详细 页 面 将 展示 团购 活动 信息 ， 点 击 “ 立 即 购买 ” 即 可 下 单 购买 团购 商品 。 具 体 购买 流程 与 普通 订单 一 样 ， 不 再 瑞 述 了 。 展示 页 面 如 图 3-34 所 示 。 


东 阿 阿胶 桃花 娅 阿胶 糕 300g， 艺 麻 香 ， 核 桃 脆 ， 上 品 阿胶 ， 养 颜 


闪电 发 货 48 小 时 送 达 


6.33 折 


本 商品 已 被 团购 5 件 
每 人 最 多 购买 3 件 ， 数量 有 限 ， 谷 购 从 速 ! 


O 〇 剩余 时 间 : 191 天 6 小 时 16 分 24 秒 


商品 信息 | 购买 记录 | 商品 评价 (2) 


非 物质 文化 遗产 


流芳 千 载 上 至 皇宫 贵族 下 至 
平 明 百姓 口 口 相 传 其 在 与 配方 . 


产品 参数 


品 牌 : 东 阿 阿胶 规格 : 300g 
蝇 名 : 桃花 姬 阿胶 糕 
配料 表 : 黑 芝 麻 、 绍 酒 、 核 桃仁 、 阿 胶 、 糊 精明 胶 


批准 文 号 : Q/DEB 0002S 

保质 期 : 常温 下 10 个 月 

包装 方式 : 会 装 

适用 人 群 : 所 有 人 

生产 许可 证 

编号 : QS3715 2401 0944 

生产 厂商 名 称 : 山东 东 阿 阿胶 股份 有 限 公司 

厂址 : 山东 省 东 阿 县 阿胶 街 78 号 

食用 方法 : 打开 即食 。 每 日 推荐 摄 入 量 ，1 次 2 块 ， 每 日 2 次 。 


图 3-33 团购 活动 详细 页 面 


店铺 动态 评分 与 行业 相 比 
指 述 相符 47 分 -持平 本 型 
服务 态度 44 分 -= 半 平 国 到 
发 做 速 度 41 分 ~ 寺 平 上 到 

在 线 客服 : 


进入 商家 店铺 


本 期 热门 团购 


228 元 任 选 一 箱 ， 国 际 大 赛 权威 推荐 
金奖 葡萄酒 ! 


JE 
BORDEAUX 


-WS- 
大 赣 金 奖 就 和 证 


¥228.00 13 件 已 购买 


革 阿 阿胶 桃花 姬 阿胶 糙 3009， 芝 麻 
香 ， 核 桃 脆 ， 上 品 阿 腕 ， 养 颜 


¥95.00 ”5 件 已 购买 


春装 披肩 忒 超 短 款 针织 衫 开衫 妇 
装 青鸟 绿色 


¥120.00 100 件 已 购买 


中 华 老字号 东 阿 阿胶 桃花 姬 阿胶 糕 300g 
市 场 价 : 半 68,00 
商城 价 : 羊 95.00 (原告 价 : ¥ 
促销 信息 : 最 多 限购 3 件 闪电 发 货 


商品 评价 ;依依 请 (2 条 评论 ) 
卖家 承担 运费 
3 件 


当前 库存 40 件 


3-34 ”商品 详细 页 面团 购 信息 


3.3.5 ”开发 和 使 用 


电子 商务 飞速 发 展 的 同时 ， 相 应 的 促销 也 在 不 断 的 发 展 变 化 ， 各 种 新 的 促销 方式 不 断 产生 生变 化 多 样 ， 而 促销 在 电子 商务 中 发 挥 的 作用 越 来 越 重 要 。 网 络 经 济 有 着 不 同 于 传统 经 济 的 规律 与 模式 ， 电 子 
商务 也 不 可 能 是 传统 商务 活动 在 网 络 上 的 翻版 。 电 子 商务 自身 所 具有 的 特点 决定 了 其 大 大 优 于 传统 商务 ， 电 子 商务 环境 下 促销 手段 运用 的 好 坏 就 决定 了 网 络 销售 取得 的 盈亏 。 怎 么 能 够 合理 地 开发 和 使 用 促 
销 ， 使 其 更 好 地 促进 电子 商务 的 发 展 ， 也 是 每 个 电子 商务 从 业 人 员 不 断 思考 的 问题 。 下 面 简单 介绍 一 下 自己 的 拙 见 。 


电子 商务 平台 促销 开发 应 基于 以 下 原则 。 


“ 简单 易 懂 : 促销 的 受众 是 普通 客户 ， 商 家 通过 促销 向 客户 传递 有 关 企 业 和 商品 的 各 种 信息 ， 说 服 或 者 吸引 客户 使 用 或 者 购买 其 商品 ， 其 传达 信息 的 方式 越 容易 理解 和 操作 也 越 吸 引 人 ， 越 容易 着 迷 ， 
谁 也 不 愿意 在 享受 购物 的 过 程 中 去 计算 繁琐 的 数据 、 理 解 枯 燥 的 字句 ， 所 以 促销 最 好 不 要 繁琐 ， 让 人 一 目 了 然 才能 触动 人 心 。 

“ 吸引 眼球 : 商家 发 出 刺激 消费 的 各 种 信息 ， 把 信息 传递 到 目标 对 象 ， 以 影响 其 购买 行为 ， 达 到 促销 的 目的 。 那 么 发 出 的 信息 就 要 足够 吸引 人 ， 使 其 容易 被 感动 ， 所 以 促销 开发 中 流程 和 界面 设计 要 能 
够 吸引 住 客户 的 目光 ， 使 其 停留 下 来 了 解 网 站 信息 。 

“ 灵活 组 合 : 一 个 网 站 往往 存在 多 种 促销 形式 ， 而 促销 方式 之 间 可 以 搭配 使 用 达到 更 好 的 促销 效果 ， 例 如 限时 折扣 、 满 即 送 等 可 以 同时 存在 于 一 个 网 站 并 同时 使 用 。 那 么 在 设计 促销 流程 时 ， 各 个 形式 
的 促销 应 该 不 仅 可 以 独立 存在 ， 并 且 在 需要 时 也 能 组 合 起 来 。 

“ 数据 统计 : 促销 活动 除了 销售 商品 外 还 会 产生 很 多 的 重要 数据 ， 例 如 : 流量 、 转 化 率 、 客 单价 等 。 这 些 数据 都 值得 我 们 去 分 析 。 哪 些 方面 做 得 好 ， 哪 些 方面 欠缺 ， 为 什么 那么 差 ， 都 可 以 通过 对 促销 
产生 数据 的 有 效 分 析 之 后 得 出 ， 在 今后 的 工作 中 加 以 改善 。 所 以 在 开发 促销 模块 时 其 对 应 的 数据 统计 也 是 很 必要 的 。 


使 用 电子 商务 平台 促销 应 注意 以 下 几 点 。 


“ 利 人 利 已 : 促销 中 商家 认为 已 经 让 利 很 多 ， 是 绝无仅有 的 ， 客 户 从 中 得 到 了 实 患 ， 这 是 其 利 人 的 一 面 ; 同时 他 也 从 中 获得 了 一 小 部 分 利润 ， 提 升 了 品牌 价值 和 知名 度 ， 这 是 利己 。 让 客户 感到 商家 已 
经 在 “割肉 ”， 自 己 捡 了 个 便宜 ， 赶 紧 下 单 购买 吧 。 商 家 的 利 人 得 到 了 利己 的 小 小 回报 ， 客 户 也 觉得 遇 到 了 天 上 掉 馅 饼 的 好 事 ， 客 户 和 商家 得 到 了 双赢 的 局 面 ， 这 样 促销 就 成 功 了 。 本 着 这 一 点 促销 的 路 就 
不 会 走 偏 。 


“ 搭配 使 用 : 每 种 促销 都 各 有 利 准 在 实际 使 用 中 需要 灵活 应 对 ,很 多 情况 下 促销 方式 不 会 单一 使 用 ， 运 用 促销 组 合 优势 互补 往往 会 带 来 更 好 的 效果 。 例 如 一 件 商 品 一 折 销 售 限时 抢购 ， 因 为 一 折 销 售 
价格 很 低 ， 商 家 基本 没有 利润 所 以 不 再 包 邮 ， 再 搭配 一 个 满 100 即 包 邮 活动 对 前 一 个 活动 进行 补充 ， 两 个 活动 同时 进行 ， 这 样 即 让 客户 感到 获得 了 包 邮 的 优惠 ， 同 时 利用 满 100 的 限制 提高 了 客 单价 。 两 个 活 
动 组 合 策划 成 功 ， 起 到 了 引 人 关 注 、 吸 引 购买 、 增 加 利润 等 多 个 促销 的 目的 。 


“ 不 繁琐 : 促销 要 策划 的 易 懂 不 烦琐 ， 免 得 让 客户 心理 因为 不 清楚 而 产生 顾虑 ， 反 而 弄 巧 成 抽 。 商 家 不 要 溉 试 过 多 方式 ，1~3 种 为 佳 。 一 是 活动 太 多 ， 计 算 太 过 复杂 容易 出 错 ， 降 低 客 户 对 网 站 的 评价 
甚至 造成 亏损 ; 二 是 增加 客服 压力 和 强度 ， 致 使 客户 体验 下 降 。 


“ 吸引 力 足够 : 促销 有 一 个 特点 就 是 玩 心 跳 ， 促 销 的 商品 和 优惠 力度 要 足够 打动 客户 。 要 让 客户 感到 错失 机 会 ， 以 后 会 后 悔 ， 给 予 其 紧迫 感 ， 促 使 快速 下 单 。 


: 实事 求 是 : 商家 为 了 吸引 客户 目光 ， 避 免不了 使 用 一 些 客户 关注 的 当下 时 盈 的 商品 特点 ， 但 是 不 能 只 求 么 动 效应 ， 而 脱离 实际 情况 。 如 果 不 符合 实际 ， 即 伤害 了 客户 的 感情 也 损害 了 品牌 价值 ， 最 后 
等 于 搬 起 石头 砸 自己 的 脚 ， 反 而 弄巧成拙。 


:一诺千金 : 在 促销 中 商家 往往 很 注重 价格 优惠 ， 但 是 服务 的 承诺 却 大 打折 扣 。 一 般 品 牌 都 有 一 定 的 服务 理念 ， 比 如 海尔 承诺 24 小 时 服务 到 位 ， 延 迟 保修 期 等 ， 这 些 服务 也 是 客户 对 品牌 的 基本 认 知 。 
可 以 随意 改变 其 服务 项 目 和 内 容 ， 从 而 实现 节约 开支 的 目的 。 但 是 从 长 远 来 看 ， 这 样 的 促销 是 没有 意义 


在 参加 促销 活动 后 ， 不 少 商家 就 认为 已 经 进行 了 优惠 ， 


的 ， 为 了 一 时 的 利益 ， 损 失 了 品牌 的 价值 ， 得 不 偿 失 。 


电子 商务 的 优越 之 处 在 于 它 可 以 突破 地 域 和 时 间 的 限制 ， 使 处 于 不 同 地 
遍布 到 了 电子 商务 网 站 的 整个 运营 期 间 。 但 是 促销 无 处 不 在 ， 却 不 等 于 无 所 不 能 。 


促销 的 理念 和 精髓 ， 不 求 产 品 的 创新 和 


服务 只 是 一 种 附属 品 不 是 商品 的 组 成 部 分 ， 
所 以 促销 应 该 是 基于 品牌 原 有 的 服务 承诺 而 进行 的 ， 不 可 以 随意 变更 。 


使 客户 麻木 ， 企 业 等 于 饮 灼 止 渴 ， 慢 性 自杀 。 所 以 要 科学 使 


3.4 购物 车 模块 


购物 车 是 电 商 平台 不 可 或 缺 的 模块 之 一 ， 当 用 户 喜欢 某 个 商品 而 又 不 急于 结账 时 ， 需 要 一 个 购物 车 来 存储 这 个 商品 ， 这 样 方便 用 户 统一 结账 ， 也 方便 用 户 作 一 下 商品 对 比 ， 选 出 
然 用 户 也 可 以 将 购物 车 中 的 商品 随时 移 除 或 清空 ， 当 用 户 遇 到 网 络 中 断 或 断 电 等 异常 情况 时 ， 购 物 车 里 还 为 用 户 保存 着 之 前 选中 的 商品 。 除 此 之 外 ， 购 物 车 还 为 用 户 计 算 了 商品 总 价 、 
优惠 等 信息 ， 让 用 户 一 目 了 然 。 用 户 对 购物 车 的 操作 ， 也 恰恰 反映 了 对 哪些 商品 的 关注 程度 ， 这 就 为 商家 运营 决策 提供 了 很 好 的 参考 依据 。 
3.4.1 模块 构成 


购物 车 主要 包含 添加 、 删 除 、 编 辑 和 收藏 功能 ， 


分 ， 与 购买 的 其 他 环节 也 是 密 不 可 分 的 。 轿 


3.4.2 设计 思路 


1. 设 计 要 求 


购物 车 的 设计 应 该 满足 以 下 几 个 方面 。 


(1) 持久 化 保存 


后 系统 均 应 支持 加 入 到 购物 车 : 


户 登录 前 和 登录 


到 3-35 中 实 线 部 分 为 购物 车 核心 内 容 ， 虚 线 部 分 为 购物 车 关联 内 容 。 


区 的 人 们 互通 有 无 ， 开 


要 操作 及 流程 。 


户 登 录 前 ， 购 物 车 使 


cookie 加 密 存储 ， 


数据 库存 储 ， 登 录 时 系统 应 将 登录 前 的 购物 车 商品 信息 同步 到 数据 库 中 ， 持 久 化 保存 ， 当 


展 贸 易 。 它 的 快捷 、 迅 速 、 自 由 和 低 成 本 为 人 们 所 乐 道 ， 


因此 电子 商务 越 来 越 受 欢迎 ， 相 应 的 促销 也 逐渐 
一 些 企业 恨不得 把 促销 当做 灵丹妙药 ， 把 价格 当做 唯一 利器 ， 只 求 形式 ， 不 求 甚 解 ， 模 仿 促销 的 表象 ， 而 不 去 思考 和 领会 
肛 务 的 提升 。 促 销 仅仅 是 一 种 刺激 性 的 工具 和 手段 ， 不 能 创造 长 期 的 品牌 忠诚 度 ， 也 不 能 挽救 产品 的 致命 缺陷 ， 更 不 能 替代 产品 的 研发 和 创新 。 低 层次 的 过 度 促销 会 
促销 ， 使 其 对 品牌 价值 提升 产生 正 向 影响 。 


最 适合 自己 的 一 个 。 当 
局 


数量 及 享受 的 促销 


我 们 可 以 将 各 种 类 型 的 商品 加 入 购物 车 ， 可 以 随时 移 除 这 些 商 品 ， 可 以 编辑 购买 数量 ， 如 果 感 兴趣 还 可 以 把 它 收藏 起 来 。 购 物 车 作为 购买 流程 中 的 一 部 
3-35 展 示 了 与 购物 车 有 关 的 3 


由 于 cookie 保 存 长 度 的 限制 ， 应 适当 限制 加 入 购物 车 的 上 限 ， 一 般 10 个 左右 即 可 ; 


| 


a 成功 后 ， 从 购物 车 永久 清除 已 购买 的 商品 。 


户 登录 后 ， 购 物 车 使 


加 入 购物 车 立即 购买 


存 人 人 COOKIE 


购物 车 


图 3-35 ”购物 车 主要 操作 与 流程 


(2) 支持 加 入 多 种 类 型 的 商品 


应 尽 可 能 支持 多 种 商品 加 入 购物 车 ， 除 了 普通 商品 外 ， 商 城 很 可 能 还 有 多 种 促销 活动 的 商品 ， 在 不 影响 总 体 设计 的 情况 下 ， 购 物 车 应 尽 可 能 支持 这 些 促销 商品 的 加 入 。 


如 果 商 城 平台 存在 团购 促销 ， 建 议 采 用 立即 购买 形式 处 理 ， 因 为 团购 活动 存在 特殊 性 ， 团 购 商品 无 法 以 团购 身份 进入 购物 车 ， 只 能 以 普通 商品 身份 进入 购物 车 ， 但 这 样 又 会 造成 价格 的 不 一 致 ， 所 以 建 


议 设计 购物 车 时 ， 团 购 的 商品 只 允许 直接 购买 即 可 ， 目 前 ShopNC B2B2C 商 城 就 是 这 种 处 理 方式 。 


(3) 支持 加 入 多 个 店铺 商品 
在 B2B2C 平 台中 ， 购 物 车 应 支持 把 多 个 店铺 的 商品 加 入 购物 车 ， 查 看 购物 车 时 以 店铺 分 组 显示 。 


(4) 操作 便捷 


购物 车 应 为 用 户 提供 便捷 完善 的 操作 ， 如 增 减 商品 数量 、 商 品 移 除 、 加 入 收藏 来、 筛选 哪些 商品 参与 最 后 的 购买 。 


(5) 数据 完整 性 


购物 车 应 显示 当前 商品 的 促销 信息 、 当 前 店铺 的 促销 信息 、 每 个 商品 小 计 、 每 个 店铺 小 计 以 及 所 有 店铺 小 计 。 


(6) 数据 准确 性 
展示 购物 车 内 的 商品 信息 时 ， 对 关键 信息 (如 库存 、 价 格 、 上 下 架 状 态 、 促 销 内 容 ) 应 及 时 取得 当前 最 新 数据 ， 对 关键 数据 发 生变 更 的 商品 在 购物 车 应 及 时 予以 体现 。 
2 数据 表 设计 


购物 车 表 设 计 应 当主 要 考虑 以 下 几 点 。 


(1) 表 关系 核心 字段 不 可 缺少 


购物 车 会 涉及 其 他 相关 表 ， 如 会 员 表 、 店 铺 表 、 商 品 表 等 ， 所 以 这 些 关联 的 外 键 是 不 可 缺少 的 。 


(2) 必要 的 宛 余 字段 


从 数据 表 设 计 精简 的 角度 出 发 ， 购 物 车 只 要 包含 了 核心 关联 字段 ， 我 们 就 可 以 通过 表 的 联 查 来 取 的 我 们 想 要 的 信息 ， 但 这 样 会 大 大 增加 数据 库 查 询 压力 ， 所 以 必要 的 宛 余 字 段 是 应 该 有 的 。 建 议 商品 价 


格 、 商 品名 称 、 商 品 图 片 、 店 铺 名 称 都 要 包含 。 


(3) 数据 准确 性 


使 用 宛 余 字段 ， 是 为 了 减轻 系统 压力 ， 但 这 不 可 避免 会 造成 数据 显示 的 滞后 性 ， 如 商品 的 价格 、 名 称 、 图 片 等 可 能 无 法 显示 最 新 数据 ， 这 就 需要 在 关键 节点 处 理 时 去 查询 数据 库 得 到 最 新 有 效 数据 。 


综合 以 上 因素 ， 购 物 车 表 关 系 图 如 图 3-36 所 示 。 


购物 车 ID (pk) 


会 员 ID 


商品 ID 


店铺 ID (pk) 


店铺 名 称 - 
Se 店铺 ID 


商品 ID (pk) 
商品 名 称 


TH 


3-36 ”购物 车 表 关系 图 
购物 车 完整 表 结构 如 表 3-6 所 示 。 


表 3-6 ”购物 车 表 结 构 


握 - 


说 明 
购物 车 ID 


buyer id int(11) 买 家 ID 
( 续 ) 
store_id int(11) ? 店铺 ID 


goods id int(11) 商品 ID 
商品 名 称 
店铺 名 称 


商 二 下 价 格 


goods name varchar(100) 
store_name varchar(50) 
goods price decimal(10.2) 
goods num smallint(5) 购买 数量 


goods image varchar(100) 商品 图 


be 4 一 外 一 /) 一 人 一 人 一 人 一 人 = 


bl id mediumint(8) 优惠 套装 ID 


这 里 需要 特别 指出 bl_id 字 段 ， 此 字段 是 优惠 套装 活动 的 D。 因 为 优惠 套装 是 一 组 商品 ， 目 前 对 于 以 一 组 商品 出 现 的 促销 形式 ， 购 物 车 表 设计 可 以 有 两 种 方式 : 第 一 种 方式 是 将 该 组 内 的 所 有 子 商品 均 作 
为 一 个 独立 商品 加 入 购物 车 ， 然 后 为 每 个 商品 加 一 个 促销 活动 的 组 标识 ; 第 二 种 方式 是 将 该 组 商品 作为 一 个 虚拟 的 商品 来 处 理 ， 商 品 的 名 字 、 价 格 均 使 用 整体 促销 的 活动 名 字 和 促销 价格 ， 至 于 商品 图 片 采 
第 一 个 子 商品 的 图 片 ， 然 后 为 每 个 商品 加 一 个 促销 活动 的 组 标识 ， 每 个 子 商品 信息 通过 表 查 询 来 实现 。 第 二 种 方式 更 符合 购物 车 设计 理念 ， 所 以 这 里 采用 了 第 二 种 方式 。 


3. 购 物 车 模型 设计 


实现 购物 车 功能 ， 需 要 设计 购物 车 自己 模型 ， 此 模型 需要 完成 以 下 功能 。 
1) 增删 改 查 操作 


该 模型 首先 需要 完成 对 购物 车 的 增加 、 删 除 、 编 辑 和 删除 操作 ， 这 是 基础 。 


2) 入 口 封装 


对 购物 车 的 添加 、 删 除 、 编 辑 和 查询 操作 都 由 该 模型 提供 相应 入 口 来 完成 ， 对 cookie 或 数据 库 等 存储 的 操作 对 外 均 表现 为 一 个 入 口 ， 


3) 数据 统计 


购物 车 模型 应 提供 对 商品 数 和 总 金额 的 统计 入 口 ， 方 便 调 用 与 使 用 。 


4) 数据 完整 性 与 准确 性 


以 参数 的 形式 来 分 流 即 可 ， 方 便 开 发 与 维护 。 


购物 车 模型 应 可 以 获取 与 购物 车 内 商品 相关 的 必要 的 信息 ， 如 商品 状态 、 商 品 价格 、 商 品 促销 信息 (如 限时 折扣 ) 、 店 铺 促销 信息 (如 满 即 送 ) 等 ， 并 保证 这 些 数据 是 最 新 、 准 确 的 。 


3.4.3 ”代码 实现 


购物 车 代码 实现 主要 分 为 购物 车 模型 、 控 制 器 调用 和 模板 输出 三 部 分 。 模 型 设计 和 控制 器 调用 最 为 关键 ， 也 是 本 节 我 们 讲解 的 重点 ， 模 板 输出 只 是 涉及 变量 的 抛 出 ， 没 有 复杂 的 逻辑 处 理 ， 


再 介绍 。 


1. 基 本 方法 


购物 车 模型 首先 要 实现 对 商品 的 基本 处 理 ， 如 增加 、 编 辑 和 删除 操作 ， 实 现 这 些 操作 的 核心 代码 如 代码 清单 3-17 所 示 。 


代码 清单 3-17 ”针对 购物 商品 的 基本 操作 


所 以 本 节 不 


// 取 得 单条 购物 车 信息 
public function getCartInfo($condition = array(), $field = '*') { 
return $this->field ($field)->where ($condition)->find(); 


} 
// 添 加 到 购物 车 
public function addCart ($data = array()， 3 type = '', S$quantity = null) { 
$method = ' addCart'.ucfirst ($save tt: 
// 这 里 根据 参数 类 型 (cookie/db) 来 放下 加剧 训 个 和 有 方法 
$insert = $this->$method ($data, $quantity); 
$this->getCartNum ($save type,array('buyer id'=>$data['buyer id'])) 
return $insert; 本 


} 
// 编 辑 购物 车 
public function editCart ($data, $condition) { 
$result = $this->where ($condition) ->update ($data); 


if ($result) { 
$this->getCartNum('db',array( 'buyer id'=>$condition['buyer id'])); 
} 


return $result; 


} 
// 查 询 购物 车 列表 
public 人 i He $condition = array(), $limit = '') { 
if e = 'db') 
7 
Ca list = $this->where ee select (array ('cache'=>false)); 
} elseif ($type == 'cookie') 
// 从 cookie 中 取 数 据 ， 没 鹿 袖 要 解密 处 理 
$cart str = get magic quotes gpc() ? stripslashes (cookie('cart')) : cookie('cart'); 
$cart str = base64 decode (decrypt ($cart str)); 
$cart list = Qunserialize ($cart str); 


$cart list = is array($cart list) ? $cart list : array(); 
return !is array($cart list) ? array() : $cart list; 


} 
// 删 除 购物 车 商品 
public function delCart( ee $condition = array()) { 


if ($type == 'db') 
77 半 祷 放 玫 搞 放 中 出 除 
$result = S$this->where nln ->delete () 7 
} elseif ($type == 'cookie') 
7 从 计生 辽 检 局 的 下 标 ， 然后 再 加 密 写 到 cookie 中 
$cart str = get magic quotes gpc() ? stripslashes (cookie('cart')) : cookie('cart'); 


$cart_ str = base64 decode (decrypt ($cart str)); 

$cart array = @unserialize ($cart str); 

4 各 (key : exists ($condition[' goods - id'], (array) $cart array)) { 
unset ($cart . array[$conditionf' goods id']]); 

} 


setNcCookie ('cart',encrypt (base64 encode (serialize ($cart array))),24*3600); 
return $result; 


} 


2. 促 销 方法 


购物 车 模型 在 实现 对 商品 数据 处 理 基础 上 ， 还 需要 对 商品 的 促销 信息 进行 调用 和 处 理 ， 如 代码 清单 3-18 所 示 。 在 实际 运营 中 商品 可 全 


会 参加 各 类 型 的 促销 活动 ， 所 以 对 促销 信息 及 时 展示 和 处 理 非 党 


要 。 


代码 清单 3-18 ”购物 车 对 促销 数据 的 处 理 


Man 


本 


// 取 得 限时 折 信 息 

Public function 人 a $Squantity) { 
if (!C('promotion allow') $buy goods info) || !is array($buy goods info)) return $buy goods info; 
/如果 由 下 地 国 类 插 究 府 护 各 中 ， 3 否则 按 原价 购买 机 
$xianshi info = Model ('p xianshi goods')->getXianshiGoodsInfoByGoodsID ($buy goods info['goods id'])7 


if (lempty ($xianshi info)) { 


if ($quantity >= $xianshi ._ info['lower limit']) { 
$buy_goods_info[' goods price'] = = Sxianshi info['xianshi price']; 
$buy goods - info['promotions - id'] = $xianshi info['xianshi id']; 
$buy_goods_info[ "ifxianshi'] = true; 


return $buy goods info; 


} 
// 取 得 商品 最 新 的 在 售 信息 ， 如 果 商 品 下 架 或 无 库存 ， 则 在 购物 车 内 显示 为 无 效 状态 
public function getOnlineCartList( ($cart - list) { 
// 先 取出 购物 车 内 的 商品 ID 
$goods id array = array(); 
foreach ($cart list as $key => $cart info) { 
if (lintval ($cart info['bl iqd'])) { 


$goods id array[] = $cart info['goods id']; 
} 


// 根 据 以 上 ID， 查 询 这 些 ID 的 最 新 在 售 信息 
$model goods = Model ('goods'); 
S$goods online list = $model goods->getGoodsOnlineList (array('goods id'=>array (in, $goods_ id array))); 
$goods online array = array(); Cv 
foreach ($goodqs online list as $goods) { 
$goods_online array[$goods['goods id']] = $goods; 
} 
foreach ((array)$cart list as $key => $cart info) { 
if (intval ($cart - Info[ ‘bl 19"])) continue; 
$cart list[$key]['state'] = true; 
S$cart list[$key] [' storage_state'] = true; 
if (in array($cart info['goods id'],array keys (Sqoods online array))) { 
// 显 示 最 新 的 商品 属性 ， 如 图 片 、 名 称 、 价 格 ， 和 需要 赋值 的 项 很 多 ， 这 里 只 显示 一 部 分 
S$goods online info = $goods online array[$cart info[' goods _ ey 
$cart Tist[$key] [' goods ( comonid'] 一 S$goods . onIine info[' goods . commonid']; 
$cart list[$key] ['goods name'] = $goods online info['goo0ds name']; 
// 如 果 库存 不 足 ， 显 示 无 效 状态 


if ($cart info['goods num'] > S$goods ， online info['goods storage']) { 


$cart list[$key] [" storage_state" ] = false; 
} 
1 496: pi 
// 无 效 的 商品 作 一 下 标识 
$cart list[$key]['state'] = false; 
$cart list[$key] ['storage state'] = false; 


} 


return S$cart list; 


// 批 最 关 听 购物 车 内 的 商品 是 不 是 在 限时 折扣 中 ， 如 果 购 买 数量 >= 规 定 的 下 限 ， 按 折扣 价格 计算 , 否则 按 原价 计算 
public function getXianshiCartList (Scart_1ist) { 
$model xianshi = Model('p xianshi goods'); 
$model goods = Model(' goods' 
foreach ($cart list as $key => $cart info) { 
if (intval($Scart info['bl id'])) continue; 
$xianshi info = $model i >getXianshiGoodsInfoByGoodsID($cart info['goods id']); 
if (!empty ($xianshi info)) ~ 
// 如 果 是 限时 折扣 ， 吃 训 时 折扣 属性 显 显示 


if ($cart info[' goods num'] >= $xianshi info['lower limit']) { 


Scart list[$key] ['goods price'] = $xianshi info[ "xianshi price']; 
$cart list[$key] ['promotions id'] = $xianshi info['xianshi id']; 
$cart list[$key] ['ifxianshi'] = true; o 
} 
$cart list[$key] ['xianshi info'] ['lower limit'] = Sa nol Owes imit”]s 
$cart list[$key] [' xianshi info' ]['xianshi price'] = $xianshi info[' xianshi Price ]z 
$cart list[$key][' xianshi info']['down price'] = ncPriceFormat ( S$cart .- info['goods price'] 一 $xianshi info['xianshi price']) 


} 


return S$cart list; 


} 
// 取 得 购买 车 内 优惠 套装 以 及 包含 的 商品 数据 ， 一 旦 有 商品 下 架 或 无 库存 ， 则 整个 套装 显示 无 效 状态 
public function getBundlingCartList ($cart list) { 

$model bl = Model ('p bundling'); > 

$model goods = Model ('goods'); 

foreach ($cart list as $key => $cart info) { 


if (!intval ($cart info['bl id'])) continue; 


Scart list[$key] [state'] = true; 
$cart list[$key] ['storage state'] = true; 
$bl info = $model bl->getBundlingInfo(array('bl id'=>$cart info['bl id'])); 
a (empty ( ($bl info) || !intval (Sbl info['bl state'])) { 
$cart list[$key] ['state'] = false; 
} 
// 取 得 优惠 套装 内 的 商品 信息 
$cart list[$key] ['bl goods list'] = $model bl->getBundlingGoods List(array('b]l id'=>$cart info['b]l id'])); 


S$goods id array = array(); 
foreach ($cart list[$key] ['bl goods list'] as $goods info) { 
$goods_id array[] = $goods _ infof' goods id']; 


} 

// 取 得 优惠 套装 商品 最 新 在 售 属性 
S$goods list = $model goods->getGoodsOnlineList (array('goods id'=>array (in, $goods_ id array))); 
$goods online list = array(); I 
foreach ($goo0ds list as $goods info) { 

$goods online list[$goods info['goods id']] = $goods info; 
} 
unset ($goods_ list); 
foreach ($cart . list[$key] ['bl goods list'] as $k => $goods info) { 
if (array key : exists ($goodqs . info[' goods id'],$goods « online list)) { 
$goods_online .- To = Sooo online Tist[$goods 1 Tnfof’ goods . 和 
' 


if ($cart info['goods num'] > $goods, online info[' goods storage']) { 
// 如 查 有 一 个 商品 库存 不 足 ， 基站 无 效 i 于 
$cart list[$key]['storage state'] = false; 
} 
// 按 商品 最 新 属性 显示 ， 这 里 只 列 出 一 部 分 赋值 属性 
$cart list[$key] ["bl goods list'] [$k]['goods id'] = $goods online info['goods id']7 
Scart .list[$key] [bt _goods . list'] [$k] [" goods ， commonidr] = = $goods . online > Info[' goods_commonid']; 
$cart listT$key] ['bl _goods . 1ist"] [$k] ['store id'] $goods online info['store id']; 
S$cart list[$key] ['bl goods list'] [$k] ['goods_name'] = $goods online info['goods name']; 
else 
$cart list[$key]['state'] = false; 
$cart list[$key] ['storage state'] = false; 


} 
} 


return $cart list; 


} 
// 从 购物 车 中 取得 商品 列表 形式 的 数据 
public function getGoodsList ($cart list) { 


if (empty( $cart list) | !is array($cart list)) return $cart list; 
oes list = array(); 
0 
foreach ($cart list as $key => $cart) { 
和 下 (1Scart[ "state" 11 !$cart[ "storage _state']) continue; 
// 购 买 数量 


Saquantity = $cart['goods num']; 
if (!intval ($cart['bl dn ])) { 
/7 全 着 训 和 


$goods list[$i]['goods num'] = $quantity; 
S$goods list[$i]['goods id'] = $cart['goods id']; 
/和 
S$goods . 1ist[$i ['bl id'] = 0; 
eh 
} else 
?加 果 是 优惠 套装 商品 
foreach ($cart['bl -goods _ list' ] as $bl goods) { 
S$goods . list[$i][' goods 1 num'] = $quantity; 
0 list[$i][" goods id' ] = $bl goods['goods id']; 


标识 优惠 套装 的 编号 
S$goods list[$i]['bl id'] = $cart['b]l id']; 
$i++> 


} 
return S$goods list; 


} 
// 将 下 单 商品 列表 转换 为 以 店铺 ID 为 下 标的 数组 
public function getStoreCartList ($cart list) { 
Snew array = array(); 性 
foreach ($cart list as $cart) { 
$new_array[$cart['store id']][] = $cart; 
} 


return $new array; 


} 
// 商 品 金额 计算 (分 别 对 每 个 商品 /优惠 套装 小 计 、 每 个 店铺 小 计 ) 
public function calcCartList ($store cart list) { 
$store goods total = array()7 
S$order goods total = 0; 


foreach ($store cart list as $store id => $store cart) { 
$tmp amount = 07 
foreach ($store cart as $key => $cart info) { 
$store, cart[$key] [' goods total'] = ncPriceFormat ($cart info[' goods price a info['goods num']); 
$store cart[$key] ['goods image url'] = cthumb ($store cart[$key] ['goods image']) 
$tmp_amount += $store cart[$key]['goods total']; 
} 
$store cart list[$store id] = $store cart; 
$store « goods 1 total [$store - ja] = ncPriceFormat (Stmp_amount)7 
} 
return array ($store cart list, $store goods total); 


} 
// 取 得 店铺 级 活动 -每 个 店铺 可 用 的 满 即 送 活动 规则 列表 
public function getMansongRuleList ($store_ id array) { 
$model mansong = Model('p mansong'); 
$mansong rule list = array(); 
foreach ($store id array as $store id) { 
$store mansong rule = $model mansong->getMansongInfoByStoreID ($store id); 


EE (!empty ($store 1 mansong 1 rule['rules']) && is array ($store mansong Frule[' rules'])) 1{ 
foreach ($store mansong rule['rules'] as Srule info) { 
if (!empty(Srule info['discount']) || (!empty($rule info['mansong goods name']) && !empty($rule info['goods storage']))) { 
// 返 回 数据 以 店铺 ID 为 下 标 ， 方 便 使 用 
$mansong rule list[$store id][] = $this-> parseMansongRuleDesc ($rule info); 


} 


} 
} 


return $mansong rule list; 


} 
// 取 得 店铺 级 满 即 送 优惠 ， 传 入 购买 总 金额 ， 作 为 是 否 *\ 满 “的 依据 
public function getMansongRuleCartListByTotal ($store_goods_total) { 
$model mansong = Model ('p mansong'); 
$model goods = Model ('goods'); 
$premiums list = array(); 
Smansong - Zule: 1ist = array (); 
foreach ($store goods total as $store id => $goods total) { 
$rule info = $model mansong->getMansongRuleByStoreID ($store id, $goods total); 
if (is array($rule info) && !empty($rule info)) { 
if (empty( (Srule _ info['discount']) && empty($rule info['mansong goods name'])) 1{ 
continue; 
} 
$rule info['desc'] = $this-> parseMansongRuleDesc ($rule info) 
S$rule info['discount'] = ncPriceFormat ($rule info['discount']); 
Smansong : rule list[$store id] = $rule infoy 
if (!empty($rule info[' mansong 06 name']) && !empty($rule info['goods _ storage'])) { 
// 赠 品 是 一 个 购买 数量 为 1， 价 格 为 0.00 元 的 普通 商品 一 
$data = array() 7 


$data['goods id'] = Soulesinfol gode a ]¥ 

$data[ 'goods_name 1] = S$rule info ['mansong goods name']; 
$data['goods num'] = 1; 

$datal[l' goods price' ] = 0.00; 

$data['goods image'] = $rule info['goods image']; 

$datal[' goods_image url'] = cthumb ($rule infol[' goods image']); 
$data['goods storage'] = re info['goods_storage']; 
$premiums list[$store id][] = S$data; 


} 
bE: 


return array($premiums list, Smans， ong_ rule list); 


// 拼 装 单条 满 即 送 规则 页 面 描述 信息 


private function parseMansongRuleDesc($rule info) { 


if (empty($rule info) || !is array($rule info)) return; 

$discount gdesc = !empty (Srule info[ discount']) ? ' 减 ， .$rule info['discount'] : ''; 

$goods_ desc = (!empty (Srule infeo[ mansong goods J name']) && !empty($rule info['goods storage'])) ? 

送 <a href='".urlShop(' goods' 7 "index' sarray() goods . id'=>$rule info[' goods . dyy eT title='{$rule info['mansong goods name']}"' target='_blank'>[ 赠 品 ] </a>" 人 


return sprintf(' 满 和 s%s%s', $rule info['price'],$discount desc, S$goods desc)? 


} 
// 重 新 计算 每 个 店铺 最 终 订单 总 金额 ， 如 果 存在 满 即 送 、 代 金 券 、 运 费 、 在 订单 过 程 中 都 可 能 需要 重新 计算 订单 总 金额 
public function reCalcGoodsTotal ($store goods total, $preferential array, $preferential type) { 
$deny = empty ($store goods total) || !is array($store goods total) || empty($preferential array) || !is array ($preferential array); 
if ($deny) return $store goods total; 
switch (Spreferential .type) { 
case 'mansong' 
foreach (S$preferential array as $store id => Srule info) { 
if (is array($rule info) && S$rule info['discount'] > 0) { 
$store goods total[$store id] -= $rule info['discount']; 


} 
} 
break; 
Case 'voucher' 
foreach Le array as $store id => $voucher info) { 
$store goods total[Sstore - id] -= $voucher info[ voucher price']; 
break; 
case 'freight': 
foreach ($preferential array as $store id => $freight total) { 
$store goods totall[$store id] += $freight total; 
} 
break; 
} 
return $store goods total; 


// 取 得 店铺 级 满 x 元 免 运 费 活动 ， 返 回信 息 以 店铺 ID 为 下 标 
public function getFreeFreightActiveList ($store id array) { 


if (empty($store id array) || !is array($store id array)) return array(); 

$store free freight : active = ,ray()s 

$condition = array('store i => array('in', $store id | array)); 

$store list = Model ('store' ns ta null,'', 'store id, store free price'); 


foreach ($store list as $store info) { 
$1limit price = floatval ($store - info['store free price']); 
if ($limit price > 0) { 
$store free freight active[$store info['store id']] = sprintf(' 满 $s 免 运 费 ', $limit price); 
} 
} 


return $store free freight active; 


} 
// 验 证 代金 券 是 否 可 用 有 效 ， 若 无 效 直 接 删除 
public function reParseVoucherList ($input voucher list = array(), $store goods total = array(), Smember id) { 
if (empty ($input voucher list) || !is array ($input voucher list)) return array(); 
$store voucher list = $this- >getStoreAvailableVoucherList ( (Sstore goods total， Smember - pd 
foreach ($input voucher list as $store id => $voucher) { 
$tmp = $store voucher list[$store id]; 
if (is array($tmp) && isset($tmp[$voucher['voucher t id']])) { 


$input voucher list[$store id]['voucher id'] = Stmp[Svoucher ['voucher t id']]['voucher id']; 
$input voucher list[$store id]['voucher code'] = $tmp[$voucher ['voucher t id']]['voucher code']; 
} else { 


unset ($input voucher list[$store id]); 
} 
} 


return $input voucher list; 


} 
// 取 得 店铺 可 用 的 代金 券 
public function getStoreAvailableVoucherList ($store goods total, $member id) { 
$voucher list = array(); 
$model voucher = Model ('voucher'); 
foreach ($store goods total as $store id => $goods total) { 
$condition = array(); 二 加 
$condition['voucher store id'] = $store id; 
$condition['voucher owner 要 | = Smenber id; 
$voucher list[$store id] = $model voucher->getCurrentAvailableVoucher ($condition, $goods total); 


return $voucher list; 


3 .方法 调 有 


购物 车 模型 的 方法 主要 供 前 台 购 物 车 功能 使 用 ， 主 要 分 为 对 购物 车 的 添加 、 编 辑 、 


添加 、 编 辑 和 浏览 功能 时 如 何 调用 购物 车 模型 方法 。 


添加 购物 车 程序 处 理 流程 及 所 调用 模型 方法 如 图 3-37 所 示 。 


单个 商品 


取 商 品 表 最 新 在 售 属性 


商品 模型 ->getGoodsOnlineInfo 


删除 和 浏览 操作 。 删 除 购物 车 商品 调用 很 简单 ， 直 接 使 用 购物 车 模型 delCart 方 法 即 可 ， 所 以 本 节 只 介绍 购物 车 在 完成 


挑选 商品 
组 合 套装 


取 组 合 套装 信息 
组 合 套装 模型 ~>getBundlingInfo 


如 果 参 加 限时 折扣 


Se 


取 限 时 折扣 属性 
购物 车 模型 ->getXianshiInfo 


检测 商品 库存 
与 有 效 状 态 


如 果 未 通过 ， 返 回 


图 


编辑 购物 车 程序 处 理 流程 及 所 调用 模型 方法 如 图 


3-38 所 示 。 


取 套 装 内 的 商品 信息 


组 合 套装 模型 ~>getBundlingGCoodsList 


< 一 个 商品 


无 效 则 套装 都 无 效 


个 商品 准备 加 入 购物 车 


成 功 加 入 购物 车 


GO 购物 车 模型 ->addCart 


3-37 添加 购物 车 时 模型 方法 的 应 用 


( ) 传人 购物 车 主键 和 购买 数量 


取得 购物 车 表 信 息 
购物 车 模型 ->getCartInfo 


取 商 品 表 最 新 在 售 属性 取 套 装 内 的 商品 信息 
商品 模型 ->getGoodsOnlineInfo 组 合 套装 模型 ~>getBundlingGoodsList 


如 果 满 足 限时 折扣 


取 商 品 表 最 新 在 售 属性 
商品 模型 ~>getGoodsOnlineInfo 


若 套 装 内 一 个 商品 


无 效 则 套装 都 无 效 


检测 商品 库存 与 有 效 状态 如 果 有 商品 库存 不 足 ， 更 新 
购买 数量 到 目前 最 大 库存 


如 果 未 通过 ， < 


成 功 更 新 购物 车 购买 数量 
购物 车 模型 ->editCart 


图 3-38 编辑 购物 车 时 模型 方法 的 应 用 


取 限 时 折扣 价格 
购物 车 模型 -~>getXianshiInfo 


浏览 购物 车 商品 时 程序 处 理 流程 及 所 调用 模型 方法 如 图 3-39 所 示 。 


显示 购 物 车 商品 列表 ( 
看 我 的 购物 全 店铺 总 金额 与 购物 车 
查看 我 的 购物 4 en 


取得 购物 车 列表 取得 店铺 满 X 元 免 运费 活动 
购物 车 模型 ~>listCart 购物 车 模型 ->getMansongRuleList 


取 商 品 表 最 新 在 售 信息 取得 店铺 可 用 的 满 即 送 活动 
购物 车 模型 >getOnlineCartList 购物 车 模型 ~>getMansongRuleList 


取 限 时 折扣 信息 取得 相关 店铺 列表 


购物 车 模型 ~>getXianshiCartList 店铺 模型 ->getStoreMemberIDList 


取得 优惠 套装 商品 列表 


站 店铺 分 组 显示 购物 车 
优惠 套装 模型 ->getBundlingCartList 以 店铺 分 组 显示 购物 并 


图 3-39 浏览 购物 车 时 模型 方法 的 应 用 


3.4.4 功能 体验 


本 节 将 演示 购物 车 的 使 用 。 首 先 将 一 个 普通 商品 加 入 购物 车 ， 如 图 3-40 所 示 。 


成 功 添加 到 购物 车 
购物 车 共有 4 种 商品 总 金额 为 : #6666.00 


毕 续 风物 


3-40 ”将 商品 加 入 购物 车 


挑选 一 个 优惠 套装 加 入 购物 车 ， 如 图 3-41 所 示 。 


成 功 添加 到 购物 车 
购物 车 共有 4 种 商品 总 议 阁 为 : ¥56666.00 


ESS sx 


优 起 套 闭 


优惠 套装 1: 跑步 机 加 保护 执 


De Pe a 


全 史密斯 T221P 去 业 跑 步 机 热 加 
商城 价 : 溉 68000 商城 价 : ¥68.00 


套装 信 : 2440.00 


3-41 将 优惠 套装 加 入 购物 车 


从 不 同 店铺 随机 加 入 一 些 商品 到 购物 车 ， 然 后 查看 一 下 购物 车 快捷 显示 面板 ， 如 图 3-42 所 示 。 


从 图 4-42 可 以 发 现 ， 优 惠 套装 作为 一 个 商品 来 显示 ， 这 与 我 们 前 面 的 设计 思路 是 一 致 的 。 点 击 “ 结 算 购 物 车 中 的 商品 ”链接 ， 进 入 “我 的 购物 车 ”按钮 页 面 ， 如 图 3-43 所 示 。 


3-44 所 示 。 


从 图 3-43 可 以 发 现 ， 购 物 车 显示 了 商品 基本 信息 、 促 销 信息 及 统计 信息 等 ， 这 也 印证 了 我 们 前 面 的 设计 思路 。 点 击 “ 下 一 步 ”按钮 ， 如 图 


的 满 即 送 活动 就 可 以 确定 ， 使 用 哪 类 代金 券 也 可 以 确定 ， 所 以 本 次 订单 总 金额 可 以 确定 ， 点 击 “ 提 交 订单 ”按钮 ， 可 以 看 到 生 


由 于 这 一 步 购 买 数量 已 经 确定 ， 商 品 总 金额 就 可 以 确定 ， 本 次 购买 所 适 


成 订单 成 功 ， 如 图 3-45 所 示 。 


名 
我 的 商城 ” ”5 购物 车 结算 < 


最 新 加 六 的 商品 


Be 
是 
计 
Be 


Truffles 德 菲 丝 松 器 巧克力 尖 色 传 ¥76.00x1 
统 型 1000g 法 国 进口 原装 蝇 | 除 


Truffies 德 菲 丝 松露 巧克力 黑色 传 ¥76.00x2 
统 型 1000g 比利时 进口 原装 用 | 除 


KINGSMITH 伯 史密斯 动感 单车 ¥1999.00x2 
KS115 动感 健身 车 健身 车 健身 专 星际 
村 红色 KS115 


唤 步 机 加 悍 护 垫 ¥2440.00x1 
是 | 除 


夫 4 种 商品 总 计 全 额 ; 苦 DDO66.00 
结算 购物 车 中 的 商品 


Trumes 德 鞋 些 松露 巧克力 黑色 传 坑 型 10009 法 同 进口 匠 尘 


Tru 抽 9s 笠 羊 丝 容器 巧克力 种 色 传 纺 型 1000g 比 书 有 进口 原装 


口 对 正品 2014 寿 洪 新 范 女 结 花 针织 衫 开衫 外 喜 泽 对 初 里 色 


华 但 床 豆 全 运动 8 村 国 


¥1999.00 ¥3998.00 


jy 这 | KINGSMITH 完 中 密斯 动感 单车 KS115 动感 健身 车 健身 车 健身 器 村 红色 KS115 


项 1 件 , 单价 直 降 200.00 


跑步 机 加 保护 雪 


狗 中 密 浙 T221PLUS 儿 功能 网 步 机 


专业 网 步 机 热 加 厚 咸 畸 热 辽 滑 抗震 2cm 透 冲 热 院 音 地 耐用 收藏 


店 滑 侣 计 : Y6438.00 


商品 总 价 ( 不 合 运 营 ) ¥ 6666.00 元 


图 3-43 ”我 的 购物 车 


商品 清单 “返回 风物 车 
单价 (元 ) 小 计 
汝 100 碱 10 


Truf 仙 es 德 菲 丝 松露 黑色 传统 型 1000g 法 国 ; 
¥76.00 


Trufhes 得 菲 丝 检 吉 巧克力 黑色 传统 型 1000g 比利时 进口 原装 i 


运费 : ¥0.00 

商品 金额 : ¥228.00 

薄 即 送 - 满 100 减 10: ¥-10.00 

而 上 10 元 有效 类 至 2014.0528 加 |， ¥-10.00 
本 店 合计 : ¥208.00 


全 健康 吉 佰 运动 器 材 CBE 演 1000 免 运费 


¥1999.00 ¥3998.00 


这 KINGSMITH 金 史密斯 动感 单车 KS115 动感 健身 车 津 身 车 企 身 器 材 红 色 KS115 
限时 折扣 


3-44 设置 订单 信息 


了 单 详情 内 容 可 通过 去 在 我 的 订单 进行 核对 处 理 。 


部 分 商品 需要 在 线 支 付 ， 请 尽快 付款 ! 在 线 支 付 金 额 : ¥6438.00 
订单 号 支付 方式 
由 于 您 的 商品 由 不 同 商家 发 出 ， 此 单 将 分 为 2 个 不 同 子 订 单 醒 送 ! 
6000000000040902 在 线 支付 ¥6438.00 


6000000000040901 货 到 付 就 ¥208.00 


支付 选择 


fi 十 向 何 远 


图 3-45 下 单 成 功 ， 待 支付 页 面 


至 此 一 个 相对 完整 的 下 单 流程 已 经 演示 完毕 。 由 于 本 节 是 以 介绍 购物 车 为 主 ， 下 单 过 程 中 的 物流 配送 、 支 付 等 环节 我 们 会 在 其 他 章节 做 详细 介绍 。 


3.5 ”配送 模块 


物流 配送 对 于 一 个 电 商 平台 的 重要 性 不 言 而 喻 ， 特 别 在 当今 主流 电 商 平台 中 ， 送 货 速 度 已 经 成 为 服务 和 竞争 的 重要 指标 ， 这 就 决定 了 我 们 在 电 商 平台 规划 筹备 时 期 ， 物 流 配送 模块 一 定 要 从 技术 和 功能 
上 做 周密 设计 ， 通 过 平台 的 配送 体系 能 为 运营 部 门 提 供 很 好 的 技术 支撑 。 


3.5.1 ”模块 构成 


电 商 平台 的 配送 体系 应 该 由 多 个 角色 下 的 多 个 功能 点 组 成 ， 买 家 、 商 家 、 平 台 都 需要 参与 ， 平 台 需 要 初始 化 一 些 基本 信息 ， 如 全 国 或 地 方 性 的 地 区 行政 区 域 、 的 快递 公司 等 。 商 家 需要 设置 快递 公 
司 (从 大 平台 设置 快递 公司 中 选择 ) ， 供 发 货 时 输入 使 用 ， 这 样 买 家 可 以 随时 跟踪 物流 ， 当 然 对 于 同城 销售 、 自 提货 等 情况 ， 买 家 也 可 以 不 使 用 平台 内 置 的 物流 公司 。 运 费 模板 不 但 支持 不 同 地 区 不 同 运 
费 ， 还 避免 了 商家 对 商品 运费 的 重复 设置 ， 减 轻 了 工作 量 。 订 单 达到 一 定金 额 时 包 邮 已 经 成 为 非常 普遍 的 一 种 促销 手段 。 买 家 下 单 时 ， 必 须要 设置 收 货 信 息 ， 系 统 据 此 来 计算 订单 运费 。 配 送 体系 涉及 地 方 
较 多 ， 为 了 便于 更 好 理解 ， 我 们 以 购买 流程 为 主线 ， 为 大 家 展示 配送 体系 中 各 角色 及 功能 点 之 间 的 关系 ， 如 图 3-46 所 示 。 


配送 模块 构成 与 流程 


~ 一 


站 
a 

区 
EE 
EN 


----- 如 果 是 货 到 付款 


booseeeeeeeeeeee 


物流 跟踪 
( 收 货 之 前 ) 


图 3-46 ”配送 模块 构成 与 流程 


图 3-46 中 实 线 部 分 为 购买 流程 与 配送 相关 的 主要 节点 ， 虚 线 部 分 为 配送 体系 涉及 的 主要 功能 模块 ， 以 及 这 些 模块 与 主要 购买 节点 的 关系 。 


3.5.2 ”设计 思路 


1. 设 计 要 求 


B2B2C 电 商 平台 的 配送 模块 设计 应 至 少 满足 以 下 需求 。 


(1) 内 置 行政 区 域 


需要 内 置 有 足够 的 行政 区 域 ， 系 统 中 所 有 依赖 地 区 选择 的 地 方 都 以 该 行政 区 域 为 基础 来 完成 ， 它 的 管理 与 维护 由 大 平台 来 完成 。 


(2) 内 置 配送 公司 
需要 内 置 有 足够 的 配送 公司 ， 商 家 发 货 时 可 以 从 中 选择 ， 而 不 必 自 己 手动 输入 ， 这 样 也 方便 系统 提供 物流 跟踪 功能 。 


(3) 设置 货 到 付款 地 | 


内 


这 一 功能 由 平台 来 完成 ， 主 要 针对 自 营 店 设置 的 。 


(4) 运费 模板 


有 配送 就 离 不 开 配 送 费 用 ， 商 家 可 以 设置 运费 模板 ， 从 而 减轻 商家 的 工作 量 。 
(5) 收 货 

买 家 可 以 设置 多 个 收 货 地 址 ， 下 单 时 从 中 选择 即 可 。 

(6) 物流 跟踪 


在 商家 发 货 后 ， 买 家 应 当时 时 查看 自己 的 物流 情况 ， 对 于 B2B2C 平 台 而 言 ， 这 是 必须 要 有 的 。 


:sj 由 


Lana 
置 


货 到 付款 区 域 


2 数据 表 设计 


配送 体系 由 多 个 角色 下 的 多 个 功能 点 组 成 ， 从 大 平台 配送 元 素 的 初始 化 ， 到 商家 的 配送 公司 、 


这 些 表 多 以 平行 关系 为 主 ， 涉 及 相关 表 关系 如 图 3-47 所 示 。 


图 


3-47 中 虚线 内 的 订单 系列 表 、 促 销 系 统 表 、 商 品系 列 并 非 是 三 个 表 ， 而 是 代表 某 一 类 型 的 表 ， 这 里 为 了 使 表 之 间 的 关系 列 容易 理解 把 次 要 内 容 进 行 了 合并 。 订 单 表 一 般 会 拆 分 成 三 个 


辅 表 和 订单 商品 表 。 每 种 促销 活动 都 至 少 会 设计 一 个 表 ， 商 品系 列表 一 般 包 含 商 品 主 表 、 辅 表 、 品 牌 、 规 格 等 。 


土 衣 、 


商家 信息 

收 货 地 址 表 收 货 人 信息 

发 货 者 地 址 信和 目 i 忆 
公司 信息 


大 平台 内 置 促销 信息 
行政 区 域 表 信任 
商品 信息 


图 3-47 配送 体系 表 关 系 图 


3.5.3 ”功能 实现 
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司 表 


运费 模板 设计 ， 再 到 买 家 收 货 地址 等 ， 都 是 配送 体系 的 组 成 部 分 ， 这 就 决定 了 它 由 多 个 表 组 合 而 成 ， 而 且 


表 ， 分 别 是 订单 


和 | 
-ear a f= 1 
ISD71E /已 \ I 

se 1 


配送 模板 由 多 个 子 模块 组 成 ， 每 个 子 模块 的 实现 相对 简单 ， 没 有 复杂 的 流程 参与 ， 所 以 这 里 略 过 部 分 代码 具体 实现 部 分 ， 以 平台 一 商家 一 买 家 为 主线 ， 依 次 体验 各 主要 子 模块 以 及 它们 之 间 的 关联 关 


系 。 


| 


.配送 区 域 


配送 区 域 包括 两 部 分 : 一 个 是 标准 的 行政 区 域 设 置 ， 一 般 会 设计 到 三 级 或 四 级 地 区 ， 这 些 行政 区 域 几乎 很 少 变更 ， 对 它们 的 管理 我 们 不 再 介绍 ; 


持 货 到 付款 的 商家 一 般 多 为 平台 自 营 店 (也 有 非 平 台 自 营 也 支持 货 到 付款 的 可 能 ,但 涉及 具体 的 运营 及 配送 签约 等 细节 问题 ， 不 是 我 们 讨论 的 


目前 电 商 平台 对 货 到 付款 区 域 一 般 支 持 到 三 级 (县 级 ) ， 管 理 这 些 区 域 时 ， 由 于 区 域 是 固定 的 ， 而 且 区 域 较 多 ， 经 常会 选中 一 级 或 二 级 地 区 (下 面 的 子 区 域 也 会 全 部 生效 ) 即 可 


点 ) ， 所 以 对 这 一 项 的 管理 应 


另 一 个 是 货 到 付款 区 域 的 设置 ， 


这 是 我 们 要 介绍 的 ， 支 


条 的 形式 。 核 心 实现 代码 如 代码 清单 3-19 所 示 。 


代码 清单 3-19 配送 区 域 


不 可 采 


当归 为 大 平台 来 设置 。 


类 似 新 闻 逐 


// 数 据 表 保存 的 格式 为 县 ID 序列 化 后 的 内 容 

// 取 出 支持 货 到 付款 县 的 ID， 需 要 反 序列 化 一 下 

$parea info = Smodel_parea->getAreaInfo (array (' store id'=>$store i9)); 
if (!empty($parea info['area id'])) { 

Sparea ids = Qunserialize ($parea infol[' area id']); 


/取出 支持 货 到 付 坎 县 ID 的 上 级 市 ID 

Scity « Checked child array = array() 7 

Scounty_array : = $model area->getAreaList (array ('area deep'=>3, 'area id'=>array('in', $parea ids) ),'area id,area parent id'); 
foreach ($county array as $v) { 

if (in array($v['area id'],$parea ids)) { 

$city checked child array[$v['area parent id']][] = $v['area id']; 


} 


} 

// 市 级 下 面 的 县 是 不 是 全 部 支持 货 到 付款 ， 如 果 全 部 支持 ， 默 认 选 中 ， 如 果 其 中 部 分 县 支持 货 到 付款 ， 默 认 不 选中 但 显示 一 个 支持 货 到 付款 县 的 数量 
$list = $model area->getAreaList (array('area deep'=>3) ,'area parent id,count (area id) as child count','area parent id'); 
foreach ($list as $k => $v) { 

$city count array[$v['area parent id']] = $v['child count']; 


} 


foreach ($city checked child array as $city id => $city chilg) { 
if (count( $city child) > 0) 工 
if (count( $city child) 一 $city count array[$city id]) { 


} 


$city checked array[$city id] = true; 


} 


} 

// 取 得 省 级 地 区 及 直属 子 地 区 ( 抛 出 到 模板 后 ， 会 循环 输出 该 数组 ) 

require (BASE_ DATA PATH.'/area/area.php'); 

foreach ($area array as $k => $v) { 

if ($v['area parent id'] != '0') { 
$area array[$v["area parent id']]['child'] [$k] = $v['area name']; 
unset ($area array[$k]); 


} 
} 
// 计 算 哪些 省 需要 默认 选中 ( 即 该 省 下 面 的 所 有 县 都 支持 到 付 ， 即 所 有 市 都 是 选中 状态 ) 


$province array = $area array; 
foreach ($province array as $pid => $value) { 
if (is array($value['child'])) { 
foreach ($value['child'] as $k => $v) { 
if (!array key exists($k, $city checked array)) { 
unset ($province array[$pid]); 
break; 
} 


配送 地 区 页 面 的 加 载 时 的 全 部 地 区 数据 都 由 服务 器 端 来 完成 ， 在 加 载 页 面 时 ， 将 已 支持 货 到 付款 县 ID 放 入 Javascript 数 组 中 ， 在 编辑 地 区 时 ， 上 级 地 区 是 否 选中 以 及 数量 的 变化 由 客户 端 Javascript 来 完 


图 3-48 展 示 了 B2B2C 平 台 对 自 营 店铺 货 到 付款 地 区 的 设置 。 


此 处 只 能 设置 平台 自 营 店 铺 支 持 货 到 付款 的 地 区 ， 注意 : 只 有 开启 货 到 付款 时 以 下 设置 的 地 区 才 会 生效 
选择 完了 地 区 确认 后 ， 系 统 并 未 保存 ， 震 要 点 击 页 面 底部 的 保存 按钮 系统 才 会 保存 设置 的 地 区 


市 


隔 北 京 (17) w 


天 津 (16) wy 


石家庄 (23) 2 唐山 (14) 2 
保定 (25) 2 加 张家口 (17) 2 
沧州 (16) 2 


太原 (10) of 网 大同 (11) 2 


Mi 朔 州 (6) 2 MM 至 中 (11) 2 
MM 号 梁 (13) fo 


3-48” 自 营 店 货 到 付款 地 区 设置 


点 击 “ 编 辑 ”按钮 符号 ， 可 以 编辑 某 区 域 下 的 子 地 区 ,编辑 保存 的 子 地 区 ， 如 图 3-49 所 示 。 


济 


选择 保定 子 地 区 


网 北市 区 
回 安国 市 
妆容 城 县 
[MM 曲阳 县 


呈 豚 州 市 
辐 享 后 县 


只 博 时 县 
回 十 闪 县 
呈 新 市 区 
中 读 水 县 
鸣 江城 县 
哆 顺 语 县 


选择 完 地 区 后 ， 确 认 并 保存 即 可 完成 设置 。 
2. 配 送 公司 


平台 内 置 配送 公司 是 为 商家 发 货 时 服务 的 ， 配 置 公司 内 容 至 : 


、 是 否 常用 等 字段 。 


配送 公司 管理 如 图 3-50 所 示 。 


首 字 母 A BCDEFGHIJIKLMNOPQRS 


好 坏 fEIR 示 ~ 


少 要 包含 公司 名 称 、 网 址 、 


图 3-49 ”编辑 货 到 付款 子 地 区 


公司 代码 (第 三 方 快递 查询 平台 识别 的 公司 标识 ) 


本 


系统 内 吾 的 快递 公司 不 得 删除 ,只 可 篇 可 杖 志 . 平台 可 萃 用 不 雪 要 的 快递 公司 ， 默认 按 首 字母 进行 排序 .党 用 的 快递 公 司 格 会 挂 在 告 前 位 辕 


3. 收 货 


网 址 ( 仅 供 傅 引 ) 


http:/fwww.sf-express.com 


http:/fwww.yto.net.n 


http:/fwww.yundacx.com 


http:/fwww.zto.cn 


http:/f/yocchinapost.com.cn 


http:/frww.coes.com.cn 


hitp:/frww.cxcod.com 


http:/fwww.cn.dhl.com 


3-50 配送 公司 管理 


买 家 可 以 保存 N (N 建 议 为 20 个 即 可 ) 个 有 效 地 址 ， 可 以 对 这 些 地 


区 随时 编辑 这 些 地 址 ， 也 可 以 设置 一 个 默认 地 址 。 


， 为 方便 平台 日 常 管理 ， 还 可 以 增加 首 字 母 (方便 查询 ) 、 状 


图 3-51 为 收 货 地 址 列表 。 


所 在 地 区 


内 蒙古 自治 区 呼和浩特 市 和 林 格 冰 县 红 山区 红旗 路 XX 号 


河北 省 保定 市 商 市 区 红旗 路 XXS 


浙江 省 宁 皮 市 北仑 区 红旗 路 XXSS 


四 川 省 成 部 市 痪 流 县 红 山 区 红旗 路 XX 号 


图 3-51 ” 收 货 地 址 列表 


编辑 收 货 地 址 ， 如 图 3-52 所 示 。 


请 盾 与 您 的 真实 姓名 
* 所 在 地 区 : 河北 省 保定 市 南 市 区 | 蝙 辑 


不 必 重 最 填写 地 区 


区 号 -电话 号 码 -分 机 


设 为 默认 地 址 : 设置 为 默认 收 货 地 址 


图 3-52 ”编辑 收 货 地 址 


然后 开始 下 单 ， 此 时 发 现 默认 地 址 已 经 生效 ， 如 图 3-53 所 示 。 


填写 核对 购物 信息 


请 仔细 核对 填写 收 货 、 发 票 等 信息 ,以 确保 物流 快递 及 时 准确 投递 . 


收 货 人 信息 [修改 ] 
张 某 某 河北 省 保定 市 南 市 区 红旗 路 XX 呈 。 011000000000 


图 3-53 ”下 单 时 显示 默认 地 址 


点 击 “ 修 改 ” 按 钮 ， 可 以 看 到 刚才 保存 的 地 址 均 出 现在 列表 中 ， 并 且 可 以 随时 增加 新 的 地 址 ， 如 图 3-54 所 示 。 


我 们 使 用 默认 收 货 地 址 + 货 到 付款 (购买 的 是 自 营 店 铺 商品 ， 前 面 设置 货 到 付款 地 区 时 包含 保定 市 ) ， 会 出 现 确认 提示 信息 ， 如 图 3-55 所 示 。 


继续 提交 订单 并 付款 ， 完 成 下 单 步骤 。 


收 贷 人 信息 

〇 王 某 某 内 蒙古 自治 区 呼 和 清 特 市 和 林 格 泵 县 并 山区 江 户 路 XX 号 。” 口 15000000000 。【[ 删 陈 ] 
〇 张 菜 某 河北 省 保定 市 南 市 区 红旗 路 XX 号。 D11000000000 IW] 

〇 孙 某 某 浙江 省 宁 泪 市 北仑 区 红 证 路 XK 呈 ”012000000000 。[ 油 除 ] 

〇 李 某 某 四 川 省 成 都 市 观 党 县 红 山 区 红旗 路 XX 号 ”013000000000 。【 晶 除 ] 

团 使 用 新 地 直 


*| 忆 伐 人 姓名 : 


* 所 在 地 医 ; 


* 详 纽 析 址 : 


请 填写 真实 地 址 ， 不 需要 重 夏 填写 所 在 地 区 


癸 ) 固定 电话 : 


图 3-54 ” 收 货 地 址 列表 


收 货 人 信息 
张 某 某 ”河北 省 保定 市 南 市 区 红旗 路 XXX 号。 011000000000 


支付 方式 请 确认 支付 方式 


〇 在 线 支 付 以 下 商品 支持 人 到 付款 


| 款 | ; 
@ 类 到 付 | @ 类 到 人 家 
确认 支付 方式 


图 3-55 ” 货 到 付款 确认 提示 


4. 商 家 发 货 


商家 可 以 管理 自己 的 发 货 地 址 库 ， 如 图 3-56 所 示 。 


默认 物流 公司 


发 贷 地 址 。 ”联系 人 所 在 地 区 电话 


口 默认 王 某 某 。 ”吉林 省 四 平市 双 辽 市 红旗 路 XX 号 1 号 仓库 16000000000 


图 3-56 ”商家 地 址 库 管 理 


商家 可 以 添加 自己 需要 的 物流 公司 ， 如 图 3-57 所 示 。 


回 顺丰 快递 团 申 通 快递 回 圆通 快递 
回 中 通 快递 口 包 束 平 邮 口传 喜 物流 


口 大 田 物 流 口 DHL 快 递 品德 邦 物流 


图 3-57 ”商家 设置 物流 公司 
三 步 选择 物流 服务 


您 可 以 通过 人 发 货 设置 ~ 款 让 物 冯 公司“ 江 加 或 修改 常用 众 运 物 泳 。 免 运 或 自 提 商品 可 切换 下 方 于 需 物 党 运输 服务 挝 项 卡 并 操作 。 


3-58 ”商家 发 货 设置 配送 信息 


确认 后 ， 订 单 进入 发 货 状 态 ， 这 时 如 果 快 递 发 信息 进入 物流 跟踪 系统 ， 买 家 可 以 跟踪 物流 了 。 


3.5.4 物流 跟踪 


物流 跟踪 是 系统 不 可 或 缺 的 功能 。 建 议 平台 运营 者 接 入 稳定 、 及 时 的 第 三 方 快 递 跟踪 系统 ， 使 用 Ajax 异步 调用 数据 ， 交 互 格式 采用 json 格 式 。 物 流 跟踪 示例 如 图 3-59 所 示 。 


物流 动态 


2014-04-01 16:41:25 卖家 已 发 货 
2014-03-29 19:48:35 广东 省 惠州 市 公司 已 收入 操作 员 : 谢 天 平 


2014-03-29 21:38:58 广东 省 惠州 市 公司 已 打包 操作 员 : 梁 碧 这 
2014-03-29 23:28:05 广东 省 惠州 市 公司 已 点 出 操作 员 : 谢 天 平 
2014-03-3001:53:35 虎门 转运 中 心 公司 已 收入 操作 员 : 重子 广 
2014-03-30 05:13:51 虎 | ] 转 运 中 心 公司 已 友 出 操作 员 : 重子 六 


3-59 ”物流 跟踪 


3.6 ”订单 模块 


订单 模块 是 交易 流程 的 核心 部 分 ， 购 物 车 、 物 流 、 支 付 、 退 单 、 结 算 、 统 计 等 模块 都 与 订单 密 不 可 分 ， 订 单 的 前 期 规划 与 设计 显得 至 关 重 要 。 


3.6.1 ”设计 思路 


订单 是 一 个 大 概念 ， 我 们 可 以 将 它 拆 分 为 几 个 主要 的 点 ， 如 订单 状态 、 金 额 、 编 号 、 库 存 等 ， 每 个 小 细节 的 设计 与 规划 都 与 整个 订单 实现 密切 相关 ， 本 节 以 订单 实现 中 的 几 个 主要 环节 作 一 下 分 析 。 


1. 订 单 状态 


订单 状态 是 订单 流程 的 重要 标志 ， 订 单 处 于 哪个 阶段 ， 人 允许 哪个 角色 来 处 理 ， 主 要 判断 依据 就 是 订单 状态 。 考 虑 到 执行 的 效率 一 般 都 使 用 数字 标识 订单 状态 ， 具 体 有 哪些 状态 通常 因 运营 业务 模式 的 不 
同 而 略 有 差别 ， 一 般 情况 下 ， 订 单 至 少 包含 默认 、 取 消 、 支 付 、 发 货 、 收 货 这 5 种 状态 ， 除 了 以 上 状态 ， 订 单 还 可 能 有 删除 、 审 核 、 备 货 、 出 货 、 锁 定 、 退 货 、 退 款 、 仲 裁 等 状态 。 


订单 下 单 成 功 ， 但 还 未 支付 ， 这 时 处 于 默认 状态 ， 支 付 完 成 以 后 变 为 支付 状态 ， 支 付 成 功 后， 商家 就 准备 发 货 了 (这 里 可 能 还 需要 备货 与 出 货 ) ， 如 果 是 货 到 付款 ， 可 能 还 需要 审核 一 下 ， 如 果 中 间 发 
生 了 纠纷 ， 可 能 就 会 退 款 、 退 货 甚至 需要 平台 来 仲裁 了 。 图 3-60 展 示 了 订单 的 主要 处 理 状态 。 


) 审核 


4 


评价 收 货 


删除 彻 展 删除 仲裁 


3-60 ”订单 主要 处 理 状态 举例 


注意 ， 图 3-60 仅 作为 一 例 参考 ， 并 不 作为 所 有 电 商 平台 的 标准 。 


2. 订 单 金额 
这 里 的 订单 金额 指 的 是 订单 中 涉及 金钱 元 素 的 统称 ， 至 少 包括 商品 单价 、 商 品 总 价 、 订 单 总 金额 、 优 惠 金额 、 运 费 、 代 人 金 券 面额 、 退 款 金额 等 。 


订单 总 金额 是 必须 要 有 的 ， 它 是 扣除 各 种 优惠 之 后 的 实际 支付 金额 (包含 运费 ) 。 商 品 总 金额 是 扣除 商品 优惠 后 的 实际 应 支付 金额 ， 是 对 每 种 商品 的 小 计 。 运 费 是 在 订单 中 所 包含 商品 的 运费 总 和 基础 
上 ， 应 用 店铺 级 运费 优惠 (如 满 100 元 包 邮 ) 规则 后 的 计算 结果 。 优 惠 金额 是 指 店铺 级 促销 活动 所 优惠 的 金额 ， 如 满 500 减 50 等 。 代 金 券 是 使 用 代金 券 的 面额 ， 通 常 一 次 下 单 只 能 使 用 一 张 代金 券 。 退 款 金额 


是 发 生 售后 维权 之 类 的 操作 后 ， 所 返还 的 金额 。 


如 果 支 持 使 用 预存 款 支 付 ， 还 会 涉及 预存 款 的 支付 金额 和 冻结 金额 。 


如 果 平 台 与 商家 采用 佣金 结算 模式 ， 还 应 当 记录 扣除 所 有 优惠 后 分 挫 到 每 种 商品 的 实际 支付 金额 ， 因 为 平台 与 商家 结算 时 会 用 到 。 


3. 订 单 编号 


订单 编号 生成 方式 有 很 多 种 ， 有 的 是 以 时 间 + 随 机 数 来 生成 ， 有 的 是 以 自 增 |D 来 生成 。 结 合 B2B2C 模 式 的 特点 ， 建 议 可 以 充分 考虑 时 间 、 随 机 数 、 商 家 ID、 会 员 ID、 自 增 |D 这 些 相关 元 素 ， 结 合 自 身 的 
运营 特点 ， 制 定 生成 方案 。 


利用 时 间作 为 订单 号 的 组 成 元 素 是 很 多 网 站 的 做 法 ， 有 的 使 用 年 月 日 时 分 秒 开 头 ， 后 面 加 微 秒 及 随机 数 如 “20140511121441****”， 或 者 将 年 限制 两 位 数 ， 增 加 几 位 随机 数 ， 
如 “140511121441******”， 或 者 使 用 UNIX 时 间 截 开头 加 随机 数 ， 如 “1393812779****” ， 以 上 做 法 时 间 都 占据 了 较 大 的 长 度 ， 可 以 再 缩短 一 些 ， 比 如 可 以 使 用 当前 时 间 减 去 某 个 时 间 点 (如 网 站 上 线 
时 间 ) 所 得 的 时 间 差 值 ( 秒 ) 作为 订单 一 个 参数 。 为 了 保持 订单 编号 长 度 固定 ， 可 以 对 各 组 成 元 素 补 0 或 取 余 处 理 。 订 单 编号 设计 的 目的 就 是 保证 在 高 并 发 下 ， 订 单 编号 的 重复 几率 降 到 最 低 。 


4. 库 存 


库存 是 一 个 大 概念 ， 从 字面 理解 意 为 仓库 中 的 存货 ， 对 于 生产 型 企业 而 言 ， 库 存 可 以 分 原料 和 成 品 两 大 类 。 对 于 零售 型 企业 而 言 ， 它 没有 生产 过 程 ， 从 上 游 采 购 ， 然 后 存放 在 库房 ， 最 后 销售 给 下 游 ， 
库存 就 是 库房 中 货品 总 和 。 库 存 不 能 一 概 而 论 ， 即 便 一 个 最 小 单位 SKU 也 会 有 不 同 状态 ， 例 如 ， 在 运输 过 程 中 ， 可 能 会 有 夺 碰 ， 那 么 这 个 商品 就 不 可 以 销售 了 ， 另 外 ， 还 有 可 能 会 发 生 退 货 、 换 货 、 弃 货 
等 ， 在 系统 管理 时 ， 就 应 当 加 以 区 分 了 。 在 实际 操作 中 ， 下 单 、 发 货 等 在 时 间 、 空 间 上 是 异步 进行 的 ， 因 此 有 必要 将 库存 结构 区 分 开 来 。 电 商 企业 的 库存 结构 一 般 分 为 以 下 几 个 部 分 。 


(1) 可 销售 库存 


可 销售 库存 也 就 是 网 站 前 台 显示 的 库存 ， 也 是 库存 最 主要 的 部 分 ， 大 部 分 电 商 平台 前 台 的 库存 与 后 端 FRP 类 系统 保持 一 致 ， 当 库存 足够 时 ， 可 以 购买 ， 当 库存 不 足 ， 可 以 提醒 商家 补 货 、 接 收 补 货 i 
知 。 当 顾客 下 单 时 ， 系 统 首先 会 请 求 后 端 ， 如 果 购 买 量 与 库存 量 匹配 成 功 ， 则 可 以 下 单 ， 否 则 会 提醒 顾客 库存 不 足 。 


(2) 订单 占用 库存 


当 顾客 下 单 成 功 后 ， 订 单 占用 库存 增加 ， 可 销售 库存 量 减少 ， 这 样 保证 了 用 户 下 单 后 ， 有 货 可 发 。 


(3) 不 可 销售 库存 


我 们 前 面 提 到 ， 货 品 可 能 因为 破损 而 无 法 销售 ， 因 此 在 系统 设计 时 也 要 做 充分 考虑 ， 在 实际 操作 中 无 法 销售 的 原因 很 多 ， 例 如 破损 、 功 能 故障 、 发 错 型 号 、 弃 货 等 。 


(4) 锁定 库存 


在 运营 过 程 中 ， 发 起 各 种 降价 促销 是 常用 的 手段 ， 发 起 降价 后 ， 可 能 会 在 很 短 的 时 间 内 将 商品 一 售 而 空 。 但 在 有 些 情况 下 ， 商 家 并 不 希望 过 早 就 将 全 部 商品 卖 完 ， 可 能 因为 全 部 降价 的 成 本 很 高 ， 还 可 
能 是 防止 竞争 对 手 恶意 采购 ， 在 更 多 情况 下 ， 只 是 将 降价 活动 作为 一 个 喷头 ， 以 此 带动 整个 网 站 的 流量 和 销量 ， 为 了 达到 这 个 目的 ， 就 需要 将 库存 锁定 ， 锁 定 后 可 以 对 外 展示 库存 为 零 ， 从 而 无 法 直接 销 
售 ， 必 须 在 解除 锁定 后 才 可 以 继续 销售 ， 这 也 就 人 为 实现 了 促销 的 分 批 次 进行 。 


(5) 虚拟 库存 


以 上 提 到 的 都 是 实物 ， 都 是 在 库房 切实 存在 的 ， 但 库房 容量 是 有 限 的 ， 不 可 能 无 限 扩展 。 电 子 商务 的 优势 之 一 就 是 几乎 无 限 的 商品 展示 与 销售 能 力 ， 这 就 需要 虚拟 库存 了 。 有 些 商品 虽然 库房 没有 或 库 
存 不 足 ， 但 供应 渠道 很 通畅 ， 新 货品 可 以 在 短 时 间 内 到 位 销售 。 还 有 一 些 商品 销售 少 但 库存 管理 成 本 较 高 ， 只 有 产生 订单 后 ， 才 会 向 供应 商 采 购 。 以 上 提 到 的 这 些 都 可 以 用 虚拟 库存 来 解决 。 虚 拟 库存 可 以 
使 用 网 站 前 台 展示 的 库存 数 大 于 实际 库房 中 的 库存 量 ， 避 免 了 顾客 下 单 时 遇 到 库存 不 足 的 问题 。 


加 


以 上 几 点 可 以 作为 电 商 运营 者 前 期 库存 设计 的 考虑 因素 ， 实 际 运 作 中 库存 处 理 可 能 会 涉及 WEB 电 商 平台 、ERP、CRM 等 多 个 系统 协作 ， 而 且 在 不 同 公司 不 同 运营 模式 中 ， 有 着 各 自 的 特殊 性 ， 有 不 同 的 
库存 设计 模式 ， 以 适合 每 个 电 商 平台 的 实际 情况 ， 所 以 这 里 我 们 不 作 深 入 的 探讨 。 


5. 合 并 支付 


B2B2C 平 台 区 别 于 B2C 平 台 最 大 的 不 同 就 是 多 商家 同 台 销 售 ， 这 样 顾客 在 下 单 时 可 以 把 不 同 的 商家 订单 进行 合并 统一 支付 ， 这 里 的 合并 也 只 是 支付 金额 的 合并 ， 每 个 子 订单 还 是 相对 独立 的 ， 每 个 商家 
都 会 有 自己 的 一 个 订单 ， 顾 客 还 是 可 以 对 每 个 子 订单 单独 操作 。 统 一 支付 后 ， 每 个 子 订单 会 提交 到 不 同 的 商家 ， 后 继 处 理 及 流程 也 会 有 所 不 同 。 


6 .角色 与 权限 


下 单 后 ， 买 家 可 以 对 订单 取消 、 删 除 ( 放 入 回收 站 ) 、 退 款 、 退 货 、 收 货 、 评 价 等 。 商 家 可 以 对 订单 审核 、 关 闭 、 发 货 、 售 后 处 理 等 。 大 平台 对 订单 可 以 取消 、 更 改 收 款 状 态 、 删 除 等 ， 如 果 买 卖 双方 
出 现 纠纷 ， 大 平台 还 可 以 进行 仲裁 。 


mh 


7. 表 设计 


订单 设计 一 般 包含 4 个 表 ， 订 单 主 表 、 辅 表 、 订 单 商品 表 和 日 志 表 ， 在 B2B2C 平 台中 还 会 增加 一 个 支付 单 表 。 


订单 主 表 主要 存放 主要 及 常用 的 订单 信息 ， 如 订单 编号 、 订 单 金额 、 运 费 金额 、 订 单 状态 等 。 订 单 辅 表 主要 存放 辅助 信息 ， 如 发 货 信息 、 发 票 信息 、 收 货 人 信息 、 促 销 信息 等 。 订 单 商品 表 则 存放 的 是 
订单 中 的 商品 列表 信息 。 订 单 主 表 、 辅 表 、 订 单 商品 表 之 间 为 一 对 一 对 多 的 关系 。 


支付 单 表 主要 是 为 合并 付款 设计 的 ， 该 表 中 会 保存 一 个 支付 单 号 ，N 条 订单 表 记录 使 用 一 个 支付 单 号 ,我 们 可 以 把 支付 单 理解 成 为 一 个 总 订单 号 ， 订 单 表 中 的 订单 编号 理解 成 为 N 个 子 订单 号 ， 商 城 提交 
给 第 三 方 支付 平台 是 这 个 总 订单 号 ， 而 不 是 每 个 子 订单 号 ， 如 果 第 三 方 平台 支付 成 功 ， 每 个 子 订单 的 支付 状态 也 都 会 标志 为 支付 成 功 状态 。 支 付 表 与 订单 表 之 间 为 一 对 多 的 关系 。 


订单 日 志 表 负责 在 订单 内 容 发 生变 化 时 记录 操作 日 志 ， 包 括 操作 人 、 操 作 时 间 、 操 作 内 容 等 。 


订单 主要 表 关 系 如 图 3-61 所 示 。 


订单 日 志 : 


图 3-61 订单 主要 表 关系 图 


3.6.2 ”代码 实现 


1. 订 单 模型 类 


订单 模型 中 封装 了 对 订单 操作 所 需要 的 绝 大 部 分 方法 ， 下 面 介绍 一 下 一 些 主要 方法 及 其 作用 ， 如 代码 清单 3-20 所 示 ， 这 里 只 保留 部 分 核心 流程 代码 ， 部 分 重复 性 内 容 或 非 主 要 代码 予以 省 略 。 


代码 清单 3-20 订单 模型 类 


class orderModel extends Model { 

// 取 得 单条 订单 信息 ， 此 方法 还 可 以 返回 与 订单 相关 的 表 信息 ， 如 订单 辅 表 、 订 单 商品 表 、 上 店铺 表 等 
// 在 第 二 个 参数 Sextend 传 入 即 可 
Sextend=array ('order common', 'order goods' 'store') 

public function getOrderInfo($condition = array(), $extend = array(), $fields = '*', S$order = '',$group = '') { 


// 追 加 返回 商品 信 


return S$order info; 


} 

// 取 得 订单 辅 表单 条 信息 

public function getOrderCommonInfo($condition = array(), $field = '*') { 
return $this->table('order common')->where ($condition)->find(); 


} 
// 取 得 订单 支付 表 信息 
public function getOrqerPayInfo ($condition = array()) { 
return Sthis->table ('order pay')->where ($condition)->find(); 
} 
// 取 得 支付 单列 表 
public function getOrderPayList ($condition, $pagesize = '', $filed = '*', $order = '', $key = '') { 


return Sthis->table ('order pay')->field ($filed)->where ($condition) ->order ($0order) ->page ($pagesize) ->key ($key) ->select () 7 
} 
// 取 得 订单 列表 (不 包含 回收 站 的 订单 ) 


public function getNormalOrderList ($condition, Spagesize = '', $field = '*', S$order = 'order id desc', $limit = " 
$condition['delete state'] = 0; 
return $this->getOrderList ($condition, $pagesize, $field, S$order, $limit, $extend); 


} 
// 取 得 订单 列表 (所 有 订单 ， 包 含 回收 站 ) 


', $extend = array()){ 


public function getOrderList ($condition, $pagesize = '', $field = '*', $order = 'order id desc', $limit = '', $extend = array()){ 
$list = $this->table('order')->field ($field) ->where ($condition) ->page ($pagesize) ->order ($order) ->limit ($limit)->select (); 
// 追 加 返回 订单 扩展 表 信息 .… 
// 追 加 返回 店铺 人 


// 追 加 返回 买 
// 追 加 返回 商品 信和 4 


return $list; 


} 

// 待 付款 订单 数量 

public function getOrderStateNewCount ($condition = array()) { 
$condition['order state'] = ORDER STATE NEW; 
return $this->getOrderCount ($condition); 


} 
// 待 发 货 订单 数量 
public function getOrderStatePayCount ($condition = array()) { 


$condition['order state'] = ORDER STATE PAY; 
return $this->getOrderCount ($condition); 


} 
// 待 收 货 订单 数量 
public function getOrderStateSendCount ($condition = array()) { 
$condition['order state'] = ORDER STATE SEND; 
return $this->getOrderCount ($condition); 
上 
// 待 评价 订单 数量 


public function getOrderStateEvalCount ($condition = array()) { 


$condition['order state'] = ORDER STATE SUCCESS; 
$condition "evaluation state'] = 0; 
$condition 'finnshed time'] = array('gt',TIMESTAMP - ORDER EVALUATE TIME); 
return $this->getOrderCount ($condition); 
} 
// 取 得 订单 数量 


public function getOrderCount ($condition) { 
return S$this->table('order')->where ($condition)->count (); 
} 


// 取 得 订单 商品 表 详 细 信 息 
public function getOrqerGoodsInfo ($condition = array(), $fields = '*', $order = "'') { 
return $this->table('order goods')->where ($condition)->field ($fields) ->order ($order) ->find(); 


} 

// 取 得 订单 商品 表 列 表 

public function getOrderGoodsList ($condition = array(), $fields = '*', $limit = null, $page = null, $order = 'rec jd desc', S$group = null, $key = null) { 
return $this->table('order goods')->field ($fields)->where ($condition) ->limit ($1imit)->order ($order) ->group ($group) ->key ($key) ->page ($page) ->select (); 


} 
// 取 得 订单 扩展 表 列 表 
public function getOrderCommonList ($condition = array(), $fields = '*', $limit = null) { 

return $this->table('order common')->field($fields)->where ($condition)->limit ($1limit)->select (); 
} 
// 插 入 订单 支付 表 信息 
public function addOorderPay ($data) { 
return $this->table('order pay')->insert ($data); 
} 
// 插 入 订单 表 信息 
public function addorder ($data) { 
return $this->table('order')->insert ($data); 


} 

// 插 入 订单 扩展 表 信息 

public function addorderCommon ($data) 
return $this->table('order common 


} 

// 插 入 订单 扩展 表 信息 

public function addOrderGoods ($data) { 

return $this->table('order goods')->insertAll ($data); 


} 

// 添 加 订单 日 志 

public function addorqerLog ($data) { 
$data['log role'] = str replace (array ('buyer', 'seller', 'system') ,array (' 买 家 ', ' 商 家 ',' 系 统 ')，S$data['log role']); 
$data['log time'] = TIMESTAMP; 
return $this->table('order 10g')->insert ($data); 


} 

// 更 改 订单 信息 
public function editOrder ($data, $condition) { 

return $this->table('order')->where ($condition) ->update ($data); 


} 
// 更 改 订单 扩展 信息 
public function editOrderCommon ($data, $condition) { 
return $this->table('order common')->where ($condition)->update ($data); 


} 
// 更 改 订单 支付 信息 
public function editOrderPay ($data, $condition) { 
return Sthis->table ('order pay')->where ($condition)->update ($data); 


bs; 
// 订 单 操作 历史 列表 
public function getOrderLogList ($condition) { 
return Sthis->table ('order 10g')->where ($condition)->select (); 


¥E 
// 取 得 单条 订单 操作 记录 
public function getOrderLogInfo ($condition = array(), S$order = '') { 
return $this->table('order 10g')->where ($condition)->order ($order) ->find (); 


} 

// 订 单 操作 权限 判断 方法 ， 人 允许 操作 返回 真 ， 否 则 返回 假 

public function getOrderOperateState ($operate, $order info){ 
switch ($operate) { 


' 


* 
)->insert ($data); 


// 买 家 取消 订单 
case 'buyer cancel': 
$state = ($order info['order state'] 一 ORDER STATE NEW) || 
($order . infof' payment code'] 一 'offline' && S$order info['order state'] == ORDER STATE PAY); 
break; 
// 申 请 退 款 
case 'refund cancel': 
$state = S$order info['refund'] == 1 && !intval ($order info['lock state']); 
break; 
2 了 条 尝 
台 取消 订单 … 


return $state; 


} 

// 取 消 订 单 

privete mt" _memberChangeStateOrderCancel ($order info, $member id, $member name, $extend msg) { 
// 解 % 导 
// 更 新 订单 人 
// 添 加 订单 日 


} 

// 收 货 操 作 

private function memberChangeStateOrderReceive($order info, $member id, $member name, $extend msg) { 
// 更 新 订单 状 z 
// 添 加 订单 


// 回 收 站 操作 《〈 放 入 回收 站 、 还 原 、 永 久 删除 》 
Private function _memberChangeStateOrderRecycle (Sorder info, $member id, $member name, $state type) 
//http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/. .http://www.hzcourse.com/resource/readBook?path=/openresource 
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} 
} 


2. 下 单 业务 模型 


购买 模型 将 下 单 过 程 中 涉及 各 种 业务 处 理 的 方法 进行 封装 ， 使 下 单 过 程 代码 更 加 简洁 高 效 。 下 面 介绍 一 下 一 些 主要 方法 及 其 作用 ， 如 代码 清单 3-21 所 示 ， 这 里 只 保留 部 分 核心 流程 代码 ， 部 分 重复 性 内 
容 或 非 主要 代码 予以 省 略 。 


代码 清单 3-21 下 单 业务 模型 


class bu oe 
// 输 出 有 刍 到 付款 ， 在 线 支付 和 货 到 付款 及 每 种 支付 下 商品 数量 和 详细 列表 
// 返 回 区 祭 分 组 的 商品 列表 
public function getOfflineGoodsPay(Sbuy_ list) { 
//http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/. .http://www.hzcourse.com/resource/readBook?path=/openresources/te 


} 
// 计 算 每 个 店铺 (所 有 店铺 级 优惠 活动 ) 总 共 优惠 多 少 金额 
/参数 1 为 最 初 居 铺 疝 品 旋 全 锋 
/ /参数 2 为 去 除 各 种 店铺 级 促销 后 ， 最 终 店铺 商品 总 金额 (不 含 运费 ) 
public function getStorePromotionTotal ($store goods total, $store final goods total) { 
//http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/. .http://www.hzcourse.com/resource/readBook?path=/openresources/te 


} 
// 取 得 每 个 店铺 运费 
// 参 数 1 为 购买 商品 列表 
// 参 数 2 为 免 运费 的 店铺 ID 数 组 
public function getStoreFreightList ($buy list = array(), $free freight sid list) { 
// 失 将 如 运费 的 店铺 运费 填 0 (格式 :店铺 ID->07 
// 然 后 算出 店铺 里 没 使 用 运费 模板 (优惠 套装 商品 除外 ) 的 商品 运费 之 和 (格式 :店铺 ID-> 运 费 )… 
// 定 义 数组 ， 存 放 店铺 优 ; 商品 运费 总 额 store_igd=> 运 费 ..… 
/人 


口 


套装 商品 运费 . 
// 最 后 再 计算 使 用 运费 模板 的 信息 (店铺 ID， 运 费 模板 ITD， 购买 数量 ) , 使 用 相同 运费 模板 的 商品 数量 累加 .… 


} 
// 根 据 地 区 选择 计算 出 所 有 店铺 最 终 运 费 
// 参 数 分 别 为 运费 信息 和 城市 ID 


public function calcStoreFreight ($freight list, $city id) { 
// 首 先 处 理 免 运 费 费 和 国定 运费 .… 
// 然 后 计算 使 用 运费 模板 的 商品 运费 …. 


} 

// 追 加 赠品 到 下 单列 表 , 并 更 新 购买 数量 

// 分 别传 入 购买 列表 、 赠 品 列表 、 满 即 送 规则 

public function appendPremiumsToCartList ($store cart list, $store premiums list,$store mansong rule list) { 


// 取 得 每 种 商品 的 二 全 


存 为 0 的 ， 则 后 面 不 再 送 赠品 
// 将 赠品 追加 到 购买 列表 ..。 
// 如 果 没有 库存 了 ， 则 不 再 送 赠品 


} 

// 取 得 每 种 商品 的 库存 ， 传 入 购买 列表 和 赠品 列表 

和 _getEachGoodsStorageQuantity( ($store ， cart ‘ist; $store premiums . list = array()) { 
// 普 通商 品 


} 
// 取 得 每 种 商品 的 购买 量 ， 传 入 购买 列表 


Private function getEachGoodsBuyQuantity ($store cart list) { 


/ /生成 订单 
Public function createOrder ( ($input, $member id, $member name, $member email) { 
// 拆 分 收集 的 购买 信息 
extract ($input); 
$model order = Model(' order" js 
// 存 储 生成 的 订单 ， A 辫 数 组 
S$order list = ar 


人 坎 还 是 线 上 支付 ， 店铺 ID=> 付 款 方式 [在 线 支付 / 货 到 付款 ] 


$store type list = $this-> getStorePayTypeList (array keys ($store cart list), $if offpay, $pay name); 
/产生 和 位 ey 加 
$pay_sn = $this->makePaySn ($member id); 

/ 7 创建 支付 音 

S$order Pay = array (); 

S$order pay['pay sn'] = Spay_sn; 

S$order pay['buyer id'] = $member id; 

Sorder pay id = $model order->addOrderPay ($order pay); 

/处 理 肌 代入 息 -。 3 

// 循 环 生成 子 订单 


foreach ($store Cart list as $store id => 人 人 list) 和. 

// 取 得 本 店 优惠 额度 (后 面 用 米 计算 每 件 商品 实际 支付 金领 ， 结算 需要 ) 

$promotion total = SR $store promotion :| total[$store id]) ? $store promotion total[$store id] oF 
ly. 


// 本 店 总 的 优惠 比例 ， pe 小 数 


$should goods total = $store final order total[$store id]-$store freight total[$store id]+$promotion total; 


$promotion rate = abs ($promotion total/$should goods total); 
4 天 (SPpromotion rate <= 1) { 
Spromotion rate = floatval (substr ($promotion rate,0,5)); 
} else { 
SPromotion rate = 0; 


/每 各 和 前 品 的 优惠 金 加 保生 Spromotion_sum 
$promotion sum = 

// 预 定义 订单 主 表 、 铺 家 、 订单 商品 表 存 放 数 组 
S$order = array(); 

S$order common = array(); 

S$order goods, = array(); 


// 生成 订单 主要 数据 

// 以 支付 单 为 基础 产生 子 订单 号 

S$order['order_ sn'] = $this->makeOrderSn ($order pay id); 
S$order['pay_sn'] = $pay_sn; 

S$order['store id'] = $5Tore gd 

S$order['store name'] = $goods list[0]['store name']; 
S$order['buyer id'] = DE 1d; Eg 


//$order [http:, 7 iin hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/. 


S$order id = $model order->addorder ($order); 


Sorder['order id'] = Sorder id; 
S$orgder list[$order : 袜 ] 二 = S$order; 
// 生 成 订单 辅助 数据 
S$order common['order id'] = S$order id; 
$order common['store id'] = etore nid; 
S$order ， mmo order 1 _ message'] = $pay message[$store id]; 
// 代 金 乔 信息 
if (isset ($voucher list[$store id])){ 
S$order_ common[ 'voucher price'] = $voucher list[$store id]['voucher price']; 
S$order common['voucher code'] = $voucher list[$store id]['voucher code']; 
} 
// 收 货 人 信息 
S$order ， common['reciver info']= S$reciver info; 
S$order common['reciver name'] = $reciver name; 
// 发 票 信息 
S$order common[' invoice info'] = $this-> createInvoiceData ($invoice info); 
// 促 销 信息 
if(is array( ($store mansong rule list[$store id])) { 
$order_ common["promotion info'] = addslashes ($store mansong rule list[$store id]['desc']) 


S$order id = $model order->addOorderCommon ($order common); 


Sale 

i=0; 

foreach ($goods list as $goods info) { 

if (!$goods info['state'] || !$goods info['storage state']) { 


throw new Exception( (部 分 商 馈 已 经 下 架 或 库存 不 足 ， 请 重新 选择 ') 7 
} 


if (!intval( ($go0ds | info["bl id'])) { 
/ /普通 商品 


S$order goods[$i]['order id'] = Sorder id; 

S$order goods[$i] ['goods id'] = $goods info['goods id']; 
S$order goods[$i]['store id'] = $store id; 

S$order goods[$i] ['goods_name'] = Sgoogs info [goo ranie” ]; 
SordeT _goods [Si] ["goods_Price'] $goods . info['goods price']; 


.http://www.hzcourse. 


com/resource/readBook?path=/openresov 


//$order gooqds [Si] [http://www. Haceourse; com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/. .http://www.hzcourse.com/resource/readBook?F 


// 计 算 商品 金额 
$goods total = $goods info['goods price'] * $goods info['goods num']; 


// 计 算 不 件 商品 优惠 金额 
$promotion value = floor($goods toral "(Shronot ion rate)); 
S$order goods[$i]['goods pay price'] = $goods total - $promotion value; 
$promotion sum += $promotion value; 
Si++7 
} elseif (!empty($goods info['bl goods list']) && is array($goods info['bl goods list'])) { 
// 优 惠 套装 ye a a 人 加 四 一 


foreach ($goods_ info['bl goods list'] as $bl goods info) { 
S$order goods $il]['order id'] = S$order id; 
[ 
[ 


Sorder goods[$i] ['goods id'] = $bl goods info['goods id']; 
S$order goods[$i] 'store_id'] = $store id; 
S$orgder _ goods[$i]['goods name'] = $bl _goods . info['goods name']; 


//$order goods[$i] [http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/. .http://www.hzcourse.com/resource/readBc 


// 计 算 商品 实际 支付 金额 ( (goods_price 减 去 分 挫 优 惠 金额 后 的 值 ) 
$goods total = $bl 向 "os info['b]l goods Price'] * $goods info['goods num']; 


// 计 算 下 件 商品 优惠 金 

$promotion value = i EOLAL: (Sbromot on rate)); 

Sorder goods[$i] ['goods pay price'] = $goods total - $promotion value; 
$promotion sum += $promotion value; 

人 加 加 


} 
} 
} 
$insert = $model order->addOorderGoods ($order goods); 
} 


return array ($pay_sn, $order list); 


// 生 成 支付 单 编号 (两 位 随机 + 从 2000-01-01 00:00:00 到 现在 的 秒 数 + 微 秒 + 会 员 ID$1000) ， 该 值 会 // 传 给 第 三 方 支付 接口 
// 长 度 =2 位 + 1 位 + 3 位 + 3 位 = 18 位 
public function makePaysn (Smenber id) { 
return mt rand(10,99) 
. sprintf('%010d',time() - 946656000) 
. sprintf('%03d', (float) microtime() * 1000) 
. sprintf('%03d', (int) Smember jd % 1000) 7 


久 /以 支付 号 为 基础 生成 订单 号 
// 支 付 单 号 与 订单 号 关系 : 一 对 多 
public function makeOrderSn ($pa 
// 记 录 生 成 子 订单 的 个 数 ， Fr, 该 值 会 累加 
static $num; 
站 (empty ($num) ) 是 


return (date('y',time()) % 9+1) . sprintf('%013d', $pay id) . sprintf('%02d', $num); 


} 
// 收 货 地 址 变化 时 计算 运费 
public function changeRddr () { 
// 选 择 不 同 地 区 时 ， 异 步 处 理 并 返回 每 个 店铺 总 运费 以 及 本 地 区 是 否 能 使 用 货 到 付款 
// 如 果 店铺 统一 设 甸 了 开外 到 区 规则 则 运费 模板 无 效 
外 /如 昌 大 和 下 设 生 注 各 兴 则 | 且 使 用 运费 模板 ， 按 运费 模板 计算 
J la le 则 两 种 商品 数量 相 加 后 青 应 用 该 运费 模板 计算 〈 即 作为 一 种 商品 。 // 算 运费 ) 
/如 果林 搜 到 芭 由 本 人， 按 免 运费 处 
// 如 果 没 有 使 用 运费 模板 ， 器 各 才 伏 村 忆 通 价格 计算 ， 3 运费 不 随 购 买 数量 增加 


3. 下 单 


一 般 下 单 过 程 都 要 经 过 以 下 4 步 才能 完成 ， 如 图 3-62 所 示 。 


2 


挑选 商品 设置 数量 


3-62 下 单 步骤 


前 3 步 我 们 对 购物 车 、 配 送 模 块 已 有 所 介绍 ， 本 节 重 点 介绍 第 4 步 ， 也 就 是 最 后 一 步 订 单 的 生成 过 程 。 系 统 在 产生 订单 时 会 做 大 量 的 处 理工 作 ， 比 如 处 理 收 货 信 息 、 发 票 信息 、 促 销 信息 、 运 费 、 代 金 
券 、 支 付 单 、 订 单 、 日 志 等 ， 如 图 3-63 所 示 。 


计算 订单 最 终 金额 


处 理发 票 信息 批量 生成 子 订单 


在 线 支付 or 货 到 付款 


订单 商品 数据 


处 理 代金 券 


如 果 使 用 预存 款 
处 理 预存 款 


订单 日 志 
删除 购物 车 信息 人 数 与 购买 量 


图 3-63 ”生成 订单 系统 内 部 详细 处 理 流程 图 


系统 保存 订单 时 核心 代码 如 代码 清单 3-22 所 示 。 


代码 清单 3-22 保存 订单 核心 代码 


| a 


// 实 例 化 购物 车 模型 ， 因 为 有 可 能 是 从 购物 过 来 的 
model cart = Model('cart'); 

// 取 得 商品 ID 和 购买 数量 

$input buy items = $this-> ParseItems ($post['cart id']); 

// 处 理 收 货 地 址 .… 

// 处 理发 票 信息 

// 是 否 支持 货 到 付 


if ($post['ifcart']) { 
// 来 源 于 购物 车 
// 取 购物 车 列表 
$condition = array('cart id'=>array('in',array keys ($input buy items)),'buyer id'=>$member id); 
$cart list = $model cart->listCart('db', $condition); 
// 取 商品 最 新 的 在 售 信息 - 
$cart list = $model cart->getOnlineCartList ($cart list); 
// 得 到 限时 折扣 信息 
$cart list = $model cart->getxianshiCartList ($cart list); 
// 得 到 优惠 套装 状态 , 并 取得 组 合 套装 商品 列表 
$cart list = $model cart->getBundlingCartList ($cart list); 
// 得 到 商品 列表 
$goods list = $model cart->getGoodsList ($cart list); 
// 购 物 车 列表 以 店铺 ID 分 组 显示 
$store cart list = $model cart->getStoreCartList ($cart list); 


} else { 
// 来 源 于 直接 购买 


// 取 得 购买 的 商品 ID 和 购买 数量 

foreach (Sinput items as $gooqs id => $quantity) {break;} 

// 取 得 商品 最 新 在 售 信 

$goods info = $model cart-: Eo On ne To ge id, $quantity) 

/) 男 断 是 不 是 正在 团购 中 ， 列 果 是 则 按 团购 价格 计算 ， 购 买 数量 若 超过 团购 规定 的 上 良 ， 则 按 团 购 上 限 计算 

S$goods info = $model cart->getGroupbuyInfo($goods info); 

/因果 采 进 行 团购 ， 则 再 关 电 是 否 眼 时 折扣 中 

if (1$goods info['ifgroupbuy']) { 

S$goods info = $model cart->getXianshiInfo($goods info, $quantity); 

} else { 
// 记 录 团购 数量 ， 订 单 完成 后 需要 更 新 一 下 团购 表 信息 
$groupbuy_ info = array(); 
$groupbuy_info['groupbuy id'] = $goods info['groupbuy id']; 
$groupbuy info['quantity'] = $quantity? 


} 

// 转 成 多 维 数组 ， 与 购物 车 统一 使 用 购物 车 方法 与 模板 
$store cart list = array(); 

$goods list = array(); 


S$goods list[0] = $store cart list[$goods info['store id']][0] = $goods info; 
} 
// 商 品 金额 计算 (分 别 对 每 个 商品 /优惠 套装 小 计 、 每 个 店铺 小 计 ) 
list($store cart list,$store goods at) = $model cart->calcCartList ($store cart list); 
// 取 得 店铺 优惠 - 活 即 送 (赠品 列表 、 上 店铺 满 送 规则 列表 ) 
list ($store Premiums list,$store mansong rule list) = $model cart->getMansongRuleCartListByTotal ($store goods total); 
7/ 


$store final 8- total = $model cart->reCalcGoodsTotal ($store goods_ total, $store mansong rule list, 'mansong'); 
// 得 到 有 效 的 代金 
$input voucher 二 = $model cart->reParseVoucherList ($input voucher list, $store goods total, $member id) 
// 重 新 计算 店铺 扣除 优惠 券 送 商品 实际 支付 金额 
$store final goods total $model cart->reCalcGoodsTotal ($store final goods total, $input 1 voucher list,'voucher'); 
// 计 算 每 个 店铺 (所 有 店铺 级 优惠 活动 ) 总 共 优 惠 多 少 
$store promotion total = $this->getStorePromotionTotal ($store goods total, $store final goods total); 
// 计 算 每 个 店铺 运费 
list ($need calc sid list,$cancel calc sid list) = $this->getStoreFreightDescList ($store final goods total); 
$freight list = $this- >getStoreEFEeighELisE($gaods 1ist,array_keys ($cancel calc sid list)); . 
$store freight total = $this-: >calcstoreFreight ($freight list,$input city - 1d); 
// 计 算 盾 铺 最 终 订单 实际 支付 金额 (加 上 运费 ) 
$store final order total = $model cart->reCalcGoodsTotal ($store final goods total, $store freight total, "freight')» 
// 计 算 盾 铺 分 类 佣金 
$store gc id commis rate list = $this-> >getStoreGcidCommisRateList ( S$goods list); 
// 将 赠品 追加 到 购买 列表 (如 果 库 存 不 足 ， 则 不 送 赠品 ) 
es to cart list = $this- Uh oa re a $store premiums list,$store mansong rule list,$member id); 
if(!empty ($append premiums to cart list['error'])) { 
return artray(" Terror' = $append premiums to : ee . list['error']) 
} else { 
list($store cart list,$goods buy quantity, $store mansong rule list) = $append premiums to cart list; 


i 
// 整 理 已 经 得 出 的 固定 数据 ， 准 备 下 单 


$input = array(); 


$input ‘pay name'] = po pay_name; 
$input['if offpay'] = $input if offpay; 
$input ['if vat'] = $input if vat; 
$input['pay message'] = $post['pay message']; 
$input['address info'] = $input address info; 
$input['invoice info'] = $input invoice info; 
$input['voucher list'] = Sinput voucher list; 
$input['store goods total'] $store goods_ total; 
$input['store final order total， ] $store final order total; 
$input['store freight total'] = $store freight total; 
$input['store promotion total' 1 $storepronot One total; 
$input['store gc id commis rate list' ] = $store gc id commis rate list; 
$input['store mansong rule 1ist"] = $store :mansong rule list; 
$input['store cart list'] = $store ， cart list; 
$input['input city id'] = $input city id; 
try { 
// 开 始 事务 
$model cart->beginTransaction(); 
// 生 成 订单 
list ($pay sn, S$order list) = $this->createOrder ($input, $member id, $member name, $member email); 


// 记 录 订单 日 志 

S$this-: >addorderLog ($order _ list); 

// 变 更 库存 和 销量 

外 his- >apdateGoodsStorageNum($gooads ;buy quantity); 
// 更 新 使 用 的 代金 券 状态 

SN ut voucher list); 


// 更 新 团购 购买 人 数 和 数量 

$this->updateGroupbuy ($groupbuy info); 

/7 合用 预存 就 支付 

Sthis->pdPay ($order list, $post, $member id, $member name); 
// 提 交 事务 


$model cart->commit (); 
}catch (Exception $e){ 
// 回 深 事 务 
S$model cart->rollback(); 
return array ('error' => $e->getMessage()); 


} 
// 删 除 购物 车 中 的 商品 
if ($post['ifcart']) { 
$model_ cart->delCart ('db',array ('buyer id'=>$member id, 'cart id'=>array('in',array_ keys ($input buy items)))); 


} 
// 通 知 队列 处 理 其 他 事项 …. 


3.6.3 ”功能 体验 


首先 做 好 前 面 的 准备 工作 ， 选 择 商品 和 购买 数量 ， 进 入 设置 收 货 地 址 、 发 票 信息 页 面 ， 然 后 设置 收 货 人 地 址 ， 如 图 3-64 所 示 。 


收 化 人 信息 
加 王 光 林 上 海上 海 市 徐汇 区 红 飞 路 1 外 104 ”015822133365 【出 除 ] 
〇 使 用 新 雪 址 


3-64 设置 收 货 人 地 址 


然后 选择 支付 方式 ， 这 里 选择 货 到 付款 ， 因 为 购买 的 是 多 个 商家 的 商品 ， 包 含 平台 自 营 ( 它 支持 货 到 付款 ) ， 所 以 本 次 下 单 会 以 货 到 付款 + 在 线 支付 的 组 合 形式 支付 ， 并 且 系 统 会 弹出 确定 信息 供 顾客 
确认 ， 如 图 3-65 所 示 。 


然后 选择 “发 票 信息 ”按钮 ， 系 统 支 持 普通 发 票 和 增值 税 发 票 两 种 。 只 有 自 营 店 铺 才 支持 增值 税 发 票 ， 这 里 我 们 选择 个 人 即 可 ， 如 图 3-66 所 示 。 


[ 


然后 设置 商品 信息 ， 如 留言 、 使 用 哪些 优惠 等 ， 这 里 以 设置 平台 店铺 商品 为 例 ， 如 


3-67 所 示 。 


支付 方式 
〇 在 线 支 人 


图 贷 到 付款 铀 货 到 付款 (2 样 商品 )+ 国 在 线 支付 (6 样 商品 ) 


发 票 信息 


普通 发 票 南开 创 元 明细 


商品 清单 返回 风物 车 


2014 春 装 新 品 男士 甬 避 头 蚀 


请 确认 支付 方式 


以 下 商品 支持 货 到 付款 


证 


外 


由 


以 下 商品 支持 在 线 支付 


全 


全 泛 至 加 痪 


确认 支付 方式 


图 代 到 付款 


@ 在 线 支付 


O 〇 普通 发 票 个 人 明细 [ 昨 除 ] 
C 〇 普通 发 票 网 城 天 创 耗 材 [用 | 除 ] 
@ ”使 用 新 的 发 票 信息 

发 票 类 型 : 。” @ 普通 发 票 


wand | 


3-65 ”确认 支付 方式 


图 3-66 ”设置 发 票 


水 100 减 10 


¥112.00 


2014 春 装 新 品 男士 佑 台 头 个 性 圆 领 长 宙 t 田 韩版 纯色 修身 打 底 祖 潮 白色 S 
/EE 


@ 2014 春 装 新 品 男 士 般 通 头 个 性 圆 领 长 袖 i 山 韩版 纯色 修身 打 底 衫 彰 灰色 S 


买 家 留言 : | 请 给 个 赠品 ， 谢 谢 ! 


防 美 摩登 通勤 系列 多 用 包 黑色 


隐 美 啼 登 通 勒 系列 多用 包 深蓝 色 


运 串 : 
商品 金额 : 
满 即 送 - 满 100 忒 10: 


选择 代金 券 回 |: 
选择 代金 券 


面额 10 元 有 效 期 至 2014-05-28 


图 3-67 设置 商品 信息 


3-69 所 示 。 


由 于 有 部 分 预存 款 余 额 ， 这 里 使 用 预存 款 支付 10 元 ， 不 足 金额 线 上 支付 补 齐 ， 如 图 3-68 和 图 


图 3-68 使 用 预存 款 支 付 


部 分 商品 需要 在 线 支 付 ， 请 尽快 付款 ! 在 线 支 付 金 额 : ¥11470.00 
订单 号 支付 方式 


在 线 支付 


在 线 支付 


在 线 支付 (已 使 用 预存 款 部 分 支付 ， 支 付 金 额 ¥ 10.00 ) 


货 到 付款 


动 1D | 


3-69 ”订单 待 支付 页 面 


可 以 发 现 自动 将 本 次 购买 的 商品 拆 分 成 了 多 个 子 订单 ， 其 中 使 用 货 到 付款 的 是 平台 自 营 店铺 ， 订 单 总 金额 中 扣除 预存 款 支付 的 金额 和 货 到 付款 的 金额 后 ， 就 是 需要 在 线 支付 的 金额 ， 这 里 是 11470.00 
元 。 选 择 其 中 一 个 第 三 方 支付 平台 完成 支付 即 可 。 


如 果 我 们 未 通过 第 三 方 平台 进行 支付 ， 进 入 “我 的 订单 ”按钮 列表 ， 如 图 3-70 所 示 。 


我 们 可 以 对 每 个 子 订单 进行 取消 和 投诉 操作 (只 有 货 到 付款 的 订单 才 可 以 投诉 ) 。 可 以 分 别 查 看 每 个 子 订单 的 详细 信息 。 支 付 时 这 些 子 订单 会 作为 一 个 整体 统一 支付 。 如 果 不 想 购 买 其 中 某 些 子 订单 可 
以 取消 它 ， 如 图 3-71 所 示 ， 我 们 只 购买 “ 妮 妮 服装 店 ” 的 商品 。 


可 以 发 现 所 需要 支付 金额 也 发 生 了 变化 ， 再 去 支付 时 ， 就 只 有 一 个 子 订单 了 ， 如 图 3-72 所 示 。 


下 单 时 间 : 2014-04-11 10:24:08 在 线 支付 全 额 : ¥11480.00 | 订单 支付 | 


和 » ”了 林 浊 围 巾 女 冬天 韩版 朝 围 脖 可 爱 戎 双 层 加 厚 帽 子 围 巾 手套 一 体 萌 米 ¥96.00 x 1 在 线 付款 待 付 款 
¥264.00 取消 i[ 单 


( 免 运 喝 ) 


¥168.00 x 1 


国 查看 订单 


在 线 付款 
¥10500.00 
〈 免 运费 ) 


BH 必 艾 奇 H919 动感 单车 飞轮 车 健身 车 家 用 原装 进口 磁 控 铝 盘 ¥9780.00 x 1 


订单 号 : 6000000000045202 ”下 单 时 间 : 2014-04-11 10:24:08 喜 包 包 @ 加 查看 订单 


[ 浪 美 ] 摩 登 通勤 系列 备用 也 深蓝 色 ¥358.00 x 1 在 线 付款 
¥716.00 


( 免 运 绅 ) 
[ 浪 美 呵 登 通 勒 系列 备用 包 黑色 ¥358.00 x 1 


订单 号 : 6000000000045201 ”下 单 时 间 : 2014-04-11 10:24:08 官方 店铺 国 | | 国 查看 订单 


2014 春 装 新 品 男士 船 能 头 个 性 圆 领 长 袖 t 出 韩版 纯色 修身 打 底 衫 前 灰色 #112.00 x 1 货 到 付 未 
¥214.00 


( 免 运 吏 ) 


¥112.00 x 1 


3-70 我 的 订单 列表 


下 单 时 间 : 2014-04-11 10:24:08 在 线 支付 金额: ¥264.00 
订单 号 : 6000000000045204 ”下 单 时 间 : 2014-04-11 10:24:08 妮 妮 服装 店 蜀 查看 订单 


阿 独 围 巾 女 冬天 韩版 堤围 脖 可 爱 戎 双 层 加 厚 帆 子 围巾 手套 一 体 萌 米 ¥96.00 x 1 在 线 付款 


¥264.00 
( 免 运费 ) 


冬装 新 款 女 装 候 两 件 喜 娃 娃 领 长 宙 悍 毛衣 针织 打 底 撞 色 MM ¥168.00 x 1 


订单 号 : 6000000000045203 ”下 单 时 间 : 2014-04-11 10:24:08 健康 喜 佰 运动 器 材 图 四 e 查看 订单 


BH 必 艾 育 tecnovita YV82 企 半 踏步 机 台湾 制造 进口 YV82 企 震中 步 机 ¥720.00 x 1 在 线 付 款 


¥10500.00 
( 免 运 费 ) 


BH 必 区 育 H919 动感 单车 飞轮 车 健身 车 家 用 原装 进口 磁 控 馈 盘 ¥9780.00 x 1 


图 3-71 我 的 订单 列表 


请 您 及 时 付款 ,以便 订单 尽快 处 理 ! 在 线 支 付 金额 : ¥X264.00 
订单 号 支付 方式 


6000000000045204 在 线 支付 


支付 选择 


3-72 ”订单 待 支付 页 面 


3.7 ”支付 接口 


金额 


¥26400 


在 线 支付 是 电 商 平台 需要 提供 的 一 项 基础 服务 ， 买 家 购买 商品 需要 在 线 支付 ， 买 家 预存 款 充值 也 需要 在 线 支付 ， 商 家 购买 各 种 服务 也 同样 需要 在 线 支付 。 


我 们 知道 支付 会 涉及 资金 ， 而 资金 是 存放 在 银行 的 ， 资 金 的 变化 必须 经 过 银行 ， 电 商 平台 必须 要 与 银行 签约 ， 由 银行 提供 给 商户 技术 接口 
就 实现 了 将 买 家 账户 的 款项 支付 到 自己 的 银行 账户 中 ， 也 就 实现 了 在 线 支付 。 但 这 样 又 出 现 了 新 的 问题 ， 买 家 所 持 有 的 银行 账户 是 各 种 各 样 的 
单独 与 各 家 银行 进行 签约 ， 这 样 会 造成 接 入 的 成 本 非常 高 ， 这 时 我 们 就 考虑 接 入 专业 的 第 三 方 支 付 平 台 接口 了 ， 这 些 第 三 方 支付 平台 直接 与 各 商业 银行 进行 签约 ， 然 后 对 外 提供 统一 的 支付 接口 ， 接 入 效率 


大 大 提高 ， 像 大 家 熟知 的 支付 宝 、 财 付 通 、 网 银 在 线 、 快 钱 等 都 是 拥有 央行 支付 牌照 的 主流 支付 平台 。 


、 身 份 认证 信息 ， 然 后 由 平台 技术 人 员 将 接口 程序 接 入 ， 这 样 
， 所 以 要 实现 大 多 银行 卡 可 以 在 平台 上 支付 ， 平 台 运营 者 需要 


支付 接口 除了 第 三 方 支付 平台 之 外 ， 还 有 两 个 特殊 的 : 分 别 是 货 到 付款 和 预存 款 ， 本 节 主 要 介绍 第 三 方 支付 接口 的 接 入 ， 货 到 付款 不 涉及 在 线 支付 程序 的 开发 ， 预 存款 我 们 会 有 专门 的 章节 作 详 细 介 


绍 


3.7.1 接 入 原理 


接 入 支付 接口 到 电 商 平台 ， 首 先 与 支付 公司 签约 ， 签 约 商 户 将 获得 相关 的 商户 号 、 密 钥 、 支 付 网 关 及 开发 文档 等 资料 ， 技 术 人 员 通 过 阅读 这 些 文档 ， 获 取 支 付 时 需要 传递 的 数据 参数 ， 如 商品 名 称 、 金 


额 、 运 费 等 ， 并 通过 约定 的 加 密 方式 结合 密 钥 进行 加 密 ， 最 后 以 POST 或 GET 的 方式 发 送 给 支付 网 关 。 


支付 网 关 收 到 商户 提交 的 相关 参数 后 进行 数据 处 理 及 签名 验证 ， 如 果 数 据 和 签名 均 验 证 成 功 ， 将 引导 用 户 进入 银行 选择 页 面 ， 


户 选择 自己 使 用 的 银行 后 ， 进 入 相关 银行 的 支付 网 关 进行 支付 。 


户 付款 成 功 后 ， 银 行进 行 扣 款 ， 并 将 支付 结果 回 传 给 第 三 方 支付 平台 ， 支 付 平 台 收 到 银行 的 结果 ， 同 样 进行 签名 验证 ， 并 将 支付 结果 传递 给 商户 网 站 。 


支付 公司 将 支付 结果 传递 给 商户 网 站 也 是 通过 POST 或 GET 方 式 ， 只 是 该 数据 传递 属于 服务 器 后 端 处 理 的 。 商 户 网 站 向 支付 平台 发 起 支付 请 求 时 ， 支 付 相关 参数 中 就 包含 了 用 于 接收 支付 结果 的 回 传 


URL。 


商户 网 站 接 入 支付 结果 有 两 种 方式 : 一 种 是 同步 的 ， 即 通过 浏览 器 进行 跳 转 通知 ; 一 种 是 异步 的 ， 即 服务 器 后 端 执行 。 同 步 通知 主要 是 基于 用 户 访问 的 浏览 器 ， 如 果 


在 银行 页 面 支付 成 功 后 ， 直 接 


关闭 了 页 面 ， 并 未 等 待 银行 跳 转 到 支付 结果 页 面 ， 那 么 商户 网 站 就 收 不 到 支付 结果 的 通知 ， 导 致 支付 结果 难以 处 理 ， 这 时 就 需要 异步 通知 来 处 理 。 异 步 方式 是 支付 平台 服务 器 后 台 直 接 向 用 户 指定 的 异步 通 
知 URL 以 POST/GET 方 式 发 送 参 数 。 商 户 网 站 对 接收 的 数据 及 合法 性 进行 验证 ， 如 果 验 证 通过 则 进行 后 续 钦 辑 操 作 ， 如 更 新 支付 状态 、 支 付 时 间 等 。 支 付 平台 处 理 流程 如 图 3-73 所 示 。 


支付 平台 处 理 流程 
商户 电 商 平台 


支付 完成 


验证 成 功 ， 提 
交 给 银行 网 关 


图 3-73 ”支付 平台 处 理 流程 


支付 平台 主要 提供 了 两 种 支付 方式 : 担保 交易 和 即时 到 账 ， 我 们 这 里 只 介绍 即时 到 账 方式 ， 这 种 方式 更 适合 目前 大 多 数 电 商 平台 。 


3.7.2 ”设计 思路 


1. 设 计 要 求 


(1) 安全 性 


开发 人 员 需 要 充分 了 解 在 线 支付 接口 的 工作 原理 ， 认 真 阅读 支付 平台 提供 的 相关 开发 文档 。 接 口 集成 时 要 严格 按照 开发 文档 的 要 求 进行 开发 。 


(2) 数据 完整 性 


任何 涉及 金钱 的 操作 都 必须 保证 数据 的 完整 性 ， 对 于 导 


(3) 扩展 性 


要 的 字段 数据 变更 要 全 部 使 


事务 进行 处 理 ， 一 个 点 发 生 错 误 ， 整 个 对 


银行 网 关 


验证 并 处 理 


金额 变更 


务 都 需要 回 滚 ， 以 保证 数据 的 完整 性 和 准确 性 。 


对 每 种 支付 平台 接 入 时 目录 存放 、 类 库 引 入 、 安 全 校 验 等 都 要 统一 规划 ， 方 便 代码 维护 与 二 次 扩展 。ShopNC B2B2C 平 台 支 付 接口 目录 分 布 如 图 3-74 所 示 。 


CMS 


CE 


图 3-74 ”支付 接口 目录 分 布 


2 数据 表 设计 


支付 接口 表 至 少 要 包含 支付 方式 的 名 称 和 标识 码 ， 这 个 标识 码 要 与 支付 接口 API 程 序 存放 的 目录 名 一 致 ， 这 样 会 极 大 地 方便 后 


的 开发 工作 。 由 了 


每 种 支付 接 


不 可 能 为 每 种 支付 方式 都 留 有 自己 的 字段 ， 所 以 建议 将 每 种 支付 方式 的 账号 配置 信息 序列 化 后 存 入 统一 的 接 [ 


配置 字段 ， 使 


某 种 支付 方式 。 支 付 接口 表 完 整 表 结构 如 表 3-7 所 示 。 


表 3-7 支付 接口 表 结构 


时 再 


对 外 提示 的 认 订 


E 账 号 信息 不 太 相同 ， 我 人 


序列 化 即 可 。 另 外 还 应 该 增加 一 个 状态 字段 ， 供 管理 者 随时 停止 或 启 


字 段 


payment id tinyint(1) 


payment_ name char(10) 


payment_config Text 


payment_ state enum('0','1") 在 


yi | 百 
payment code 
ea | 下 
Te 


3.7.3 ”代码 实现 


1. 支 付 模型 类 


支付 模型 类 提供 了 对 支付 接口 表 的 主要 方法 ， 供 前 台 Control 来 调用 ， 如 代码 清和 


代码 清单 3-23 ”支付 模型 


默 认 说 明 


| em 
EE 


支付 接口 状态 0 关闭 1 开启 


3-23 所 示 。 


// 定 义 状态 标识 

const STATE OPEN = 1; 

// 读 取 单 行 信息 

public function getPaymentInfo($condition = array()) { 


} 


// 读 取 玫 


return $this->where ($condition)->find(); 


F 启 中 的 单行 信息 


public function getPaymentOpenInfo($condition = array()) { 


$condition['payment state'] = self::STATE OPEN; 
return Sthis->where ($condition)->find(); 


} 
// 读 取 多 行 
public function getPaymentList ($condition = array()){ 


} 
// 读 取 玫 


return $this->where ($condition)->select (); 


f 启 中 的 支付 方式 列表 


public function getPaymentOpenList ($condition = array())1{ 
$condition['payment state'] = self::STATE OPEN; 
return Sthis->where ($condition) ->key( "Payment_code') ->select () 7 


} 

// 更 新 信息 

public function editPayment ($data, $condition){ 
return Sthis->where ($condition) ->update ($data); 


} 


2 支付 接 


支付 接口 类 是 以 第 三 方 支付 平台 提供 的 API 为 基础 ， 结 过 适当 


类 


代码 清单 3-24 ”支付 接口 类 


二 次 开发 而 成 ， 这 里 以 使 


较 普遍 的 支付 宝 为 例 ， 如 代码 清单 3-24 所 示 。 


// 类 名 与 支付 表 中 的 代码 标识 一 致 

class alipay!{ 

// 支 付 宝 网 关 地 址 

private $alipay gateway new = 'https://mapi.alipay.com/gateway.do?'; 
// 消 息 验证 地 址 

private $alipay verify url = 'https://mapi.alipay.com/gateway.do?service=notify verify&"'; 
// 支 付 接口 标识 

private $code = 'alipay'; 
// 支 付 接 中 时 信息 

private s$payment; 

// 订 单 信息 

private $order; 

// 发 送 至 支付 宝 的 参数 
private $parameter; 


/ /构造 函数 ， 完 成 基础 数据 初始 化 工作 


public function construct ($ 


Ee 
/ /建议 安装 openssl 扩 展 ， 这 样 参 数 将 进行 加 密 处 理 ， 更 加 安全 


ayment info=array (), $order info=array()){ 


if (!extension loaded('openss1')) $this->alipay verify url = 'http://notify.alipay.com/trade/notify query.do?'; 


if(!empty ($payment info) and !empty ($order info)){ 
Sthis->payment = $payment info; 
$this->order = $order info; 


} 


} 
// 获 取 支 付 接口 的 请 求 地 址 ， 这 里 会 完成 参数 的 整理 与 签名 工作 
public function get payurl(){ 


$this->parameter = array( 


// 异 步 通知 的 地 址 


"notify url' => SHOP SITE URL."/api/payment/alipay/notify url.php", 
// 同 步 通知 地 址 于 二 
'return Url" => SHOP SITE URL."/api/payment/alipay/return url.php", 
// 商 品名 称 ， 这 里 可 以 使 用 订单 号 + 购买 的 其 中 一 个 商品 名 称 代 蔡 
'subject' => $this->order['subject'], 
// 这 里 的 订单 总 价 是 包含 运费 的 
'price' => $this->order['pay amount'],// 订 单 总 价 
// 数 量 都 设置 为 1， 具体 数量 会 在 商城 平台 的 订单 表 下 保存 
'quantity"' => 1,// 商 品 数量 
// 运 费 统一 设置 为 0， 在 商城 平台 的 订单 表 中 会 保存 实际 值 
'total fee' => 0,// 物 流 配送 费用 
// 其 他 参数 省 略 …. 
) 7 
$this->parameter['sign'] = $this->sign ($this->parameter); 


// 数 据 处 理 完成 后 ， 返 回 支付 平台 API+ 数 据 参 数组 成 的 完整 URL 
return $this->create url(); 

} 

// 异 步 通 知 验证 函数 

public function notify verify() { 


S$param = $_POST; 
S$param[ 'key'] = $this->payment['payment config']['alipay key']; 
$veryfy url = $this->alipay verify url. "partner=" .S$this->payment['payment config']['alipay partner']. "gnotify id=".$param["notify id"]; 


$veryfy_ result = $this->getHttpResponse ($veryfy url); 
Smysign = Sthis->sign ($param); 


if (preg match("/true$/i", $veryfy result) && $mysign 一 $param["sign"]) 


return true; 
} else { 
return false; 


} 


} 
// 同 步 通知 返回 验证 


public function return Verify() { 


Sparam = $ GET; 
// 将 系统 的 控制 参数 置 空 ， 防 止 因为 加 密 验 证 出 错 


{ 


S$param['act'] 
上 


Sparam[ 'op'] 
S$param[ 'key'] = S$this->payment['Payment_config'] ['alipay key']; 
S$veryfy_Url = $this->alipay verify url. "partner=" .S$this->payment ['Payment_config'] ["alipay _Partner'] 。"&notify id=".$param["notify id"]; 


$veryfy result = $this->getHttpResponse ($veryfy url); 
Smysign = $this->sign ($param); 
if (preg match("/true$/i",$veryfy result) && $mysign == $param["sign"]) { 
$this->order type = $param['extra common param']; 
return true; 
} else { 
return false; 


} 


} 
// 取 得 订单 支付 状态 ， 成 功 或 失败 
public function getPayResult ($param) { 
return S$param['trade status'] 一 "TRADE SUCCESS'; 


} 

// 魔 术 方 法 ， 用 于 取得 内 部 私有 方法 

public function _ get ($name){ 
return $this->$name; 


} 
// 以 下 为 接口 提供 标准 的 内 容 ， 此 处 省 略 
//http://www.hzcourse.cor/resource/readBook?path=/openresources/teach_ebook/uncompressed/15005/OEBPSVText/... 


3. 返 回 通知 


支付 接口 返回 通知 分 为 同步 通知 和 异步 通知 两 种 ， 有 的 接口 将 同步 和 异步 通知 进行 合并 ， 如 财 付 通 ， 有 的 同步 和 异步 是 分 离 的 ， 支 持 设置 不 同 的 通知 接口 ， 如 支付 宝 、 网 银 在 线 等 。 两 种 通知 的 核心 代 
码 是 相同 的 ， 只 是 接收 参数 略 有 不 同 而 已 ， 我 们 这 里 以 同步 通知 为 例 ， 如 代码 清单 3-25 所 示 。 


代码 清单 3-25 ”返回 通知 代码 


// 取 得 交易 号 

Sout trade no = $ GET['out trade no']; 

// 取 得 订单 信息 

$condition = array(); 

$model order = Model ('order'); 

$condition['pay sn'] = $out trade no; 

S$order pay, info = S$model « Order- >getOrderPayInfo ($condition); 

// 取 得 订单 列表 和 API 支 付 总 金额 

S$order list = Smodel order- >getNormalOrderList (array ('pay_sn'=>$out trade no,'order state'=>ORDER STATE NEW)); 

Spay : amount = $api Pay : amount = 07 

foreach ($order list as Sorder info) { 
i amount += ncPriceFormat (floatval ($order _ info["order amount']) - floatval ($order info['pd amount'])); 
Spay_amount += floatval ($order info[' order amount' 和 


S$order pay info['pay amount'] = $api pay_amount; 
/取得 雪 科 按 吕 信息 一 
Spayment_code = $ GET['payment code']; 
$model _ payment = Model ('payment'); 

$condition = array(); 


$condition['payment code'] = $payment code; 

$payment info = $model payment->getPaymentOpenInfo ($condition); 

Spayment_ info['payment config， ] = unserialize (Spayment info['payment config']); 

$inc file = BASE PATH.DS.'api'.DS.'payment'.DS.$payment info['payment code'].DS.$payment info['payment code'].'.php'; 


require once($inc file); 

$payment api = new $payment info['payment code'] ($payment info, $order pay_info); 
// 返 回 参数 判断 

$verify = ein api->return verify(); 

if(!$verify) 


77 宙 条 六 通过 又 证 ， 抛 出 异常 


} 
// 取 得 支付 结果 
Spoy result = $payment api->getPayResult ($_GET); 
if ay_result) 
/7 员 半 汪汪， 扫 册 异常 


he > updateProduct buy ($payment info['payment code'],$order list, $pay amount); 
WT 
private function | buy ($payment code, $order list, $pay amount) { 
$url = SHOP_SITE URL."/index. Php?actrmenper order™; ¥ 
$out trade no = $ _GET[! out trade no']; 
if (§ GET['trade no'] != '") { 
Strade 1 mo 一 埋 GET['trade no']; 


/事务 订单 支 付 表 ， 订单 表 ， 预 存款 表 与 订单 日 志 表 
te { 
所 $model_order = Model ('order'); 
$model pd = Model ('predeposit'); 
// 开 始 
$model order->beginTransaction(); 
// 更 新 支付 单 表 支 付 状态 
$data = array() 7 
$data[l'api pay state'] = 1; 
S$update = ods ordac mad itordorooy tld bs, Da io nel ) 
if (!$update) { 
throw new Exception(' 更 新 订单 状态 失败 ') 


} 

// 更 新 订单 表 信息 

$data = array(); 

$data[ 'order_state'] = ORDER STATE PAY; 
S$data["payment time'] = TIMESTAMP; 
$data['payment code'] = $payment code; 


$update = Smodel ， Order- >editOrder (Sdata, array (' pay_sn'=>$out trade no,'order state'=>ORDER STATE NEW)); 
if (!$update) { 
throw new Exception(' 更 新 订单 状态 失败 '); 


} 
// 如 果 有 预存 款 支付 的 ， 彻 底 扣除 冻结 的 预存 款 ， 并 记录 订单 日 志 
foreach (Sorder list as $order info) { 
2 
S$pd amount = floatval ($order info['pd amount']) 
if ($pd amount > 0) { 
$data pd = array (); 


$data pd['member id'] = $order info['buyer id']; 
$data pd['member name'] = $order info['buyer name']; 
$data pd[ 'amount'] = $order info['pd amount']; 


$data pd['order sn'] = $order info['order sn']; 
$model pd->changePd('order comb Pay' $data pd); 


} 

// 记 录 订 单 日 志 

$data = array() 7 

$data['order id'] = $order info['order id']; 
$data['log role'] = 'buyer'; 


$data['log msg'] = L('order 1og pay').' (支付 平台 交易 号 : '.$trade no.' )'; 
$data['log orderstate'] = ORDER STATE PAY; 


$insert = Smodel order->addorderLog ($data); 
if (!$insert) { 

throw new Exception(' 记 录 订 单 日 志 出 现 错误 '); 
} 


} 
// 提 交 事务 
$model_ order->commit (); 
return array('success' => true); 
} catch (Exception $e) { 
// 回 深 事 务 
$model order->rollback (); 
return array('error' => $e->getMessage()); 


3.8 


3.8， 


3.8 


3.8. 


3.8; 


系统 


成 后 


加 注 意 通知 程序 中 不 可 使 用 $_ SESSION， 因为 服务 器 间 异 步 通 知 时 ， 


退 单 模块 


1 模块 构成 


退 单 模块 主要 由 退 款 功能 和 退货 功能 


当 买 家 按 要 求 支付 成 功 后 ， 如 果 遇 到 商家 不 能 及 时 发 货 或 其 


退货 是 在 商家 完成 发 货 
则 买 家 要 发 


后 ， 买 家 
， 商 家 收 货 


退货 ， 


退 单 模块 


1 模块 构成 


退 单 模块 主要 由 退 款 功能 和 退货 功能 


当 买 家 按 要 求 支付 成 功 


退货 是 在 商家 完成 发 货 
则 买 家 要 发 


后 ， 买 家 
， 商 家 收 货 


退货 ， 


2 设计 思路 


各 个 网 站 的 买卖 规则 都 不 一 样 ， 在 实际 运营 中 ， 关 于 退 款 和 退货 方面 也 不 会 相同 ， 


会 话 是 无 效 的 


， 所 需 数 据 从 数据 表 中 查询 即 可 。 


组 成 ， 支 付 完 成 的 订 


因 长 时 间 没 收 到 货 、 
后 由 系统 管理 员 进行 退 款 ;商家 也 可 以 弃 货 ， 即 不 


请 退 款 ， 已 发 货 的 订 身 


可 


可 进行 退货 操作 。 


他 情况 ， 互 


请 订 


全 部 退 款 或 


商品 在 配送 中 出 现 损坏 、 收 到 与 网 站 介绍 不 符 的 商品 等 原 


涉及 会 员 提出 申请 、 商 家 审核 和 系统 平台 处 理 三 方面 的 流程 。 


个 商品 的 退 款 ， 商 家 在 商家 中 心 可 看 到 


因 ， 向 商家 


组 成 ， 支 付 完成 的 订 


后 ， 如 果 遇 到 商家 不 能 及 时 发 货 或 其 


因 长 时 间 没 收 到 货 、 
后 由 系统 管理 员 进行 退 款 ;商家 也 可 以 弃 货 ， 即 不 


请 退 款 ， 已 发 货 的 订 身 


可 


了 退货 操作 。 


a 可 进 和 


他 情况 ,可 


请 订 


商品 在 配送 中 出 现 损坏 、 收 到 与 网 站 介绍 不 符 的 商品 等 原 


全 部 退 款 或 


直接 由 管理 员 确认 给 买 家 退 


请 退货 并 退 款 ， 商 家 与 买 家 沟通 确认 是 否 应 该 


请 记录 ， 不 同意 时 买 家 可 再 次 申请 ; 同意 后 由 管理 员 确 认 给 买 家 


退货 。 若 不 同意 ， 则 结束 ; 若 


涉及 会 员 提出 申请 、 商 家 审核 和 系统 平台 处 理 三 方面 的 流程 


个 商品 的 退 款 ， 商 家 在 商家 中 心 可 看 到 


因 ， 向 商家 


就 有 点 难 了 ， 但 难度 最 大 的 是 制定 出 符合 实际 要 求 的 业务 流程 ， 不 能 太 复杂 让 商家 和 买 家 不 会 使 用 ， 太 简 
在 有 新 退 款 或 退货 申请 但 又 没完 成 订单 (确认 收 货 ) 时 ， 为 防止 产生 纠纷 ， 要 锁定 订 语 
可 解除 锁定 。 同 一 个 订单 有 多 种 商品 ， 又 不 全 部 退 款 时 ， 可 分 别 对 其 他 商品 提出 申请 ， 要 锁定 多 次 ，= 


图 


退 款 流程 如 


3-75 所 示 。 


买 家 发 货 ， 


部 分 流程 可 能 差别 还 比较 大 ， 所 以 本 节 不 会 列 出 具 


状态 。 在 待 发 货 和 人 待 收 货 时 有 退 款 昌 


请 后 立 朋 


请 退货 并 退 款 ， 商 家 与 买 家 沟通 确认 是 否 应 该 退 
直接 由 管理 员 确 认 给 买 家 退 款 。 


请 记录 ， 不 同意 时 买 家 可 再 次 申请 ; 同意 后 由 管理 员 确认 给 买 家 


货 。 若 不 同意 ， 则 结束 ; 若 


体 逻 辑 实现 代码 。 掌 握 程 序 语法 的 人 很 多 ， 能 设计 并 实现 一 套 出 色 


了 又 会 给 运营 者 增加 管理 负担 。 


锁定 ， 商 家 不 能 进行 发 货 操作 和 买 家 不 能 确认 收 货 ， 当 退 款 流程 


当 处 理 完 最 后 一 个 


请 时 解锁 订单 。 


退 球 流程 


未 付款 订单 


管理 员 确 认 


图 3-75 ” 退 款 流程 


为 什么 一 定 要 经 过 平台 管理 员 处 理 ? 买 家 会 员 成 功 支付 订单 ， 钱 是 在 平台 设置 的 收 款 账号 里 ， 因 为 涉及 订单 结算 周期 ， 所 以 商家 只 是 发 出 了 商品 并 没有 真正 收 到 货款 ， 退 款 以 预存 款 的 形式 给 买 家 ， 由 
管理 员 确 认 还 能 防止 虚假 交易 的 发 生 。 每 个 成 功 的 交易 产生 后 平台 都 会 收取 一 定 比 例 的 佣金 ， 如 果 订 单 有 退 款 产生 在 订单 结算 时 要 人 退还 商家 的 佣金 ， 平 台 管理 员 在 处 理 退 款 时 可 以 起 到 监督 作用 ， 及 时 发 现 
交易 异常 的 情况 。 


退货 流程 如 图 3-76 所 示 ， 可 以 理解 为 : 在 退 款 流程 基础 上 增加 了 买 家 发 贷 和 商家 收 货 的 步骤 。 退 货 只 能 是 对 订单 内 一 种 商品 的 操作 ， 退 款 可 以 对 商品 也 可 以 是 整个 订单 。 如 果 买 家 已 付款 而 商家 没有 及 
时 发 货 ， 此 时 的 退 款 就 是 整个 订单 退 款 ， 这 样 更 方便 使 用 。 当 商家 不 同意 退 款 或 退货 时 ， 买 家 可 再 次 申请 ， 也 可 以 向 平台 投诉 商家 ， 提 交 相 关 证 据 ， 由 系统 管理 员 做 仲裁 。 


由 于 退货 功能 与 退 款 功能 类 似 ， 在 设计 表 结 构 时 ， 就 可 以 使 


数据 关系 如 图 


图 


3-77 所 示 。 


呈 


图 3-76 ”退货 流程 


同一 个 表 ， 


不 用 退货 


一 个 字段 标识 是 退 款 的 还 是 退货 的 日 


有 请， 这样 既 能 减少 程序 的 复杂 度 ， 还 实现 了 部 分 代码 的 复 


， 便 于 系统 维护 和 二 次 开 


订单 ID (pk ) 
订单 编号 


和 


i 
订单 商品 ID 店铺 ID (pk ) 
店铺 四 店铺 名 称 
退 款 ee 因 ID 


ns 


oA 
二 
le 
四 
ms 


订单 商品 表 


订单 商品 ID (PK) 


订单 ID 退 球 退货 原因 表 


原因 ID (pk ) 


商品 ID 
商品 名 称 


se 


原因 


症 人 


退 款 退货 原因 是 由 系统 管理 员 在 后 台 录 入 ， 买 家 在 提交 申请 时 选择 。 一 个 订单 里 同一 种 商品 只 能 有 一 个 处 理 中 的 退 款 或 退货 申请 ， 这 样 是 为 了 不 重复 提交 数据 ， 减 少 商家 的 处 理 次 数 ， 防 止 出 错 。 在 商 
家 同意 退 款 或 退货 并 完成 后 ， 将 不 能 再 申请 了 ， 比 如 某 种 商品 同时 买 了 多 件 ， 在 申请 退 款 时 只 是 退 了 部 分 金额 ， 就 不 能 在 系统 中 操作 退 款 或 退货 了 。 在 下 节 中 会 对 此 部 分 的 验证 进行 详细 说 明 。 


本 节 的 退 款 申请 和 退货 申请 类 似 ， 使 用 了 一 个 数据 表 ， 在 实际 中 这 两 个 流程 可 能 属于 不 同业 务 部 门 操作 ， 逻 辑 就 会 改变 很 多 ， 这 时 就 要 考虑 到 将 数据 分 别 保存 到 不 同 表 中 来 实现 ， 如 果 出 现 这 种 情况 就 
能 地 也 将 代码 分 离 ， 做 到 相对 独立 互 不 干扰 。 由 于 系统 平台 定期 对 商家 订单 统一 进行 结算 ， 就 要 监测 交易 相关 的 数据 ， 以 免 平台 利益 受 损 。 当 然 想 要 程序 来 解决 所 有 问题 也 不 现实 ， 有 争议 出 现时 , 平 
台 要 根据 实际 情况 人 为 线 下 调解 处 理 ， 总 结 经 验 改 善 现 有 规则 ， 在 交易 量 大 时 隔 段 时 间 对 程序 升级 一 次 很 有 必要 ， 做 到 规则 能 优化 ， 程 序 能 调节 。 


3.8.3 ”代码 实现 


在 本 节 以 退 款 功能 为 例 进行 说 明 ， 分 为 买 家 申请 、 商 家 审核 、 平 台 处 理 三 部 分 。 退 货 和 单 商品 退 款 使 用 一 个 入 口 ， 保 存 成 功 后 在 商家 审核 时 分 别 列 出 。 订 单 全 部 退 款 只 有 在 待 发 货 的 订单 状态 下 能 操 
作 ， 与 单 商品 退 款 流程 一 样 ， 只 是 申请 页 面 的 表单 不 同 ， 因 此 本 节 的 例子 是 单 商品 退 款 调用 逻辑 。 


买 家 申请 主要 逻辑 是 根据 订单 的 状态 ， 调 出 符合 规则 的 数据 到 页 面 ， 在 页 面 中 用 Js 做 表单 必 填 项 的 验证 ， 提 交 到 服务 器 端 后 用 PHP 对 重要 字段 再 进行 数据 合法 性 验证 ， 都 没 问 题 时 才能 保存 到 数据 库 
中 。 如 果 订 单 还 没有 完成 要 对 订单 锁定 ， 即 只 有 退 款 流程 完成 时 才能 继续 后 面 的 操作 。 


代码 清单 3-26 是 对 商品 和 订单 的 验证 : 商品 $goods 和 订单 $order 是 从 订单 表 中 取出 的 基本 数据 ，getRefundReturnList 方 法 是 根据 订单 编号 和 订单 商品 编号 查询 是 否 有 已 保存 的 有 效 退 款 退 货 记录 ;我 
们 使 用 订单 商品 编号 而 不 使 用 商品 编号 ， 是 因为 商品 在 同一 单 的 时 间 段 内 可 以 参与 不 同 的 促销 活动 ， 在 订单 中 为 了 进行 区 分 是 按 不 同 的 商品 处 理 ， 价 格 也 会 不 相同 ， 如 果 用 商品 编号 就 可 能 会 出 现 退 款 的 金 
额 以 哪个 成 交 价格 为 准 的 纠纷 ; getRefundState 方 法 是 用 订单 $order 的 处 理 状 态 和 时 间 来 确认 是 否 可 申请 退 款 或 退货 ， 防 止 提交 表单 前 可 以 申请 ， 提 交 后 不 可 以 而 保存 了 无 用 数据 ， 当 然 此 种 情况 理论 上 很 
少 发 生 ， 这 样 处 理 可 以 提高 系统 数据 的 安全 性 。 


代码 清单 3-26 "提交 退 款 申请 的 商品 验证 


$condition = array(); 

$condition['buyer id'] = $ SESSION['member id']; 
$condition['order id'] = $order id; 二 

S$order = $model refund->getRightOrderList ($condition, $goods id) 
S$order id = $order['order id']; 至 
// 订 单 金额 

S$order amount = S$order['order : amount']; 

// 订 单 返 款 金 额 

S$order_ refund amount = $order['refund amount']; 

$goods_ list = Sorder[， goods list']7 

S$goods = S$goods list[0]; 

/7 商品 实际 成 交 价 

S$goods pay price = $goods['goods pay price']; 


if ($order amount < ($goods pay price + S$order refund amount)) { 
$goods pay price = $order amount - $order refund amount; 
$goodsT'goods pay price'] = $goods pay price; 

} 

Tpl: :output ('goods', $goods); 

S$goods id = $goods['rec id']; 

Scondition = array(); 


$condition['buyer id'] = $order['buyer id']; 
$condition['order id'] = $order['order id']; 
$condition['order -goods _ id'] = $goo0ds id; 

$condition['seller state'] = array('1t', 二 


Srefund list = $model refund->getRefundReturnList ($condition); 
$refund = array(); 
if (!empty(Srefund list) && is array($refund list)) { 

$refund = Srefund . list[0]; 


7 /根据 订单 状态 判断 是 是 否 可 以 退 款 退货 

Srefund state = $model refund->getRefundState (Sorder) 7 
// 检 查 订单 状态 ,防止 页 面 刷新 不 及 时 造成 数据 错误 

if ($refund['refund id'] > 0 || $refund state != 1) { 


showDialog (Language: :get ('wrong argument'),'index.php?act=member order&op=index', 'error'); 


} 


上 面 的 代码 在 填写 申请 表单 前 和 提交 后 都 会 执行 。 还 有 要 注意 的 验证 就 是 ， 申 请 退 款 的 金额 不 能 超过 此 商品 的 成 交 总 价 ， 也 不 能 超过 订单 的 可 退 金 额 ， 


对 订单 的 退 款 验证 是 针对 发 货 和 收 货 状态 。 在 已 发 货 状态 对 非 货 到 付款 订单 可 以 提出 对 订单 商品 的 退 款 ， 而 在 收 货 后 根据 订单 


代码 清单 3-27 ”根据 订单 状态 确定 是 否 可 退 款 


完成 时 间 判 断 是 否 可 进行 


这 些 数字 是 程序 根据 订单 和 已 有 退 


退 款 ， 如 代码 清单 3-27 所 示 。 


民 款 退货 记录 计 


public function getRefundState (Sorder) { 
Srefund = '0'; 
S$order state = $order['order state']; 
$model trade = Model ('tragde'); 
S$order shipped = $model trade->getOrderState('order shipped'); 
$order completed = $model trade->getOrderState('order completed'); 
switch ($order state) { 
case $order shipped: 
$payment code = $order['payment code']; 
// 货 到 付款 订单 在 没 确认 收 货 前 不 能 退 款 退 货 
if ($payment code != 'offline') { 
$refund = '1'; 
3} 
break; 
Case S$order completed: 

S$order refund = $model trade->getMaxDay ('order refund'); 
$delay time = $order[' delay | 七 ime' ]+60*60*24*$order - refund; 
if ($delay time > time()) { 

$refund = '1'; 

了 
break; 
default: 
Srefund = '0'; 
break; 
} 
return $refund; 


} 


商家 在 审核 时 对 买 家 所 提交 的 信息 进行 核对 ， 决 定 是 否 退 款 。 商 家 将 数据 提交 到 服务 器 后 要 进行 状态 确认 ， 由 程序 检查 商家 是 否 已 经 审核 过 ， 只 有 商家 处 理 状态 为 待 审核 时 才能 保存 ， 防 止 多 次 更 新 数 


如 果 订 单 还 没有 完成 ， 要 对 订单 进行 解锁 ， 以 免 影响 其 他 数据 。 


代码 清单 3-28 ”商家 审核 退 款 申请 


据 。 代 码 清单 3-28 中 的 $refund['seller_state"] 的 判断 是 商家 是 否 已 经 审核 过 ， 未 审核 时 是 1， 提 交 后 这 个 状态 就 会 改变 ， 同 意 时 更 新 为 2， 


由 平台 管理 员 进 行 确认 退 款 ;不 同意 时 更 新 为 3 并 结束 退 款 流程 ， 


public function editOp() { 
$model refund = Model ('refund return'); 
$condition = array(); 
$condition['store id'] = $ SESSION['store id']; 
$condition['refund id'] = intval($ GET['refund id']); 
Srefund list = $model refund->getRefundList ($condition); 
$refund = ee list[0]; 
if (chksubmit () ) 
// 检 查 状 态 防止 页 面 而 新 不 及 时 造成 数据 错误 
而 辣 ($refundl[ 'seller state'] != 1') { 
showDialog (Language: :get ('wrong argument'),'reload', 'error', 'CUR_ DIALOG.close();"); 
} 


S$order id = $refund['order id']; 
S$refund array = array(); 

$refund array[ 'seller time'] = tim 
$refund array[ 'seller_statey ] $ 
] 
] 


e () 7 

POST['seller state']; 

- $_POST['seller message']; 
= '3') { 


$refund array['seller message'] 
if ($refund | array['seller state' 


$refund array['refund_ state'] = '3'; 
} else { 

Srefund array['seller state'] = '2'; 

$refund array['refund state'] = '2'; 


$state = Smodel refund->editRefundReturn($condition, $refund array); 
if ($state) { 
if ($refund | array['seller state'] 一 '3' 5 S$refund['order lock'] == 
/ We 
$model refund->editOrderUnlock ($order id); 
} 
$this->recordSellerLog (' 退 款 处 理 ， 退 款 编号 : '.$refund['refund sn']); 


showDialog (Language: :get ('nc_ common save succ'),'reload', 'suce', 'CUR_DIALOG.close ();" 


} else { 


showDialog (Language: :get ('nc_ common save fail'),'reload', ‘error','CUR DIALOG.close();" 


} 


Tpl: :output ('refund', $refund); 
TP1: :showpage ('store refund edit', 'null layout'); 


平台 处 理 的 退 款 申请 是 商家 已 经 同意 的 记录 ， 为 防止 商家 长 时 间 不 对 买 家 的 申请 进行 处 理 ， 同 时 也 为 了 保护 买 家 的 利益 ， 在 超过 期 限 后 未 审核 的 记录 会 


意 并 弃 货 处 理 ， 可 以 在 买 家 和 商家 登录 后 触发 程序 执行 一 次 。 如 代码 清单 3-29 所 示 。 


代码 清单 3-29 ”商家 未 及 时 处 理 退 款 和 退货 申请 


自动 按 同意 


退 款 处 理 。 如 果 是 退货 


申请 ， 则 按 同 


public function eo Rer nndeone ra ($member - id=0， $store id=0) { 
Language: :read ('refund') 
Wo 货 处 理 
S$refund confirm = $this->getMaxDay ('refund confirm'); 
$day = time()-$refund confirm*60*60*24; 
$condition = " seller state=1 and add time<".$day; 
$condition sql = ""; 区 
if ($member id > 0) { 

$condition sql = " buyer id = '".$member id. 


mr 


and "7 
} 
if ($store id > 0) { 


$condition sql = " store id = '".$store id." and "7 


} 
$condition sql = $condition sql.$condition; 
S$refund array = array(); 


$refund array[ ‘refund state'] = '2'; 

$refund array['seller state'] = '2'; 

$refund array['return type'] = '1'; 

S$refund array['seller time'] = time(); 

$refund array['seller message'] = Language::get('order max day').$refund confirm,.Language::get('order day refund'); 


$this->table('refund return')->where ($condition sql)->update ($refund array); 
// 商 家 不 进行 收 货 时 按 弃 货 处 理 A 
$return confirm = Sthis->getMaxDay ('return confirm' ); 
$day = time()-$return confirm*60*60*24; 
$condition = " seller state=2 and goods_ state=2 and return type=2 and delay time<".$day; 
$condition sql = ""; 
if ($member id > 0) { 
$condition sql = " buyer id = '".$member id."' and ™; 
} 
if ($store id > 0) { 
$condition sql = " store id = '".$store id."' and "7 
} 
$condition sql = $condition sql.$condition; 
Srefund array = array(); 
$refund array['refund state'] = '2'; 
$refund array['return type'] = '1'; 


$refund array['seller message'] = Language::get('order max day') .$return_confirm.' 天 未 处 理 收 货 ， 按 弃 货 处 理 '; 


$this->table ('refund return')->where ($condition sql)->update ($refund array); 


代码 清单 3-30 ”平台 处 理 退 款 


对 订 征 


a 进行 解锁 。 


因为 管理 员 确 认 退 款 时 要 向 买 家 的 预存 款 账号 中 加 钱 ， 所 以 这 个 操作 只 能 执行 一 次 ， 防 止 多 次 更 新 造成 平台 损失 。 代 码 清单 3-30 中 $refund['refund_state"] 的 判断 类 似 商 家 审核 的 逻辑 ， 待 管理 员 确 认 
的 是 2， 提 交 保 存 后 更 新 为 3 即 已 完成 状态 ， 只 有 待 确认 的 记录 才 可 调用 执行 editRefundReturn 的 增加 预存 款 程序 ， 如 果 订单 还 没有 完成 ， 


public function editOp() { 

$model refund = Model ('refund return'); 
$condition = array(); A 
$condition['refund id'] = intval($ GET['refund id']); 
$refund list = $model refund->getRefundList ($condition); 
$refund = $refund list[0]; 
if (chksubmit ()) 工 

// 检 查 状 态 , 防止 页 面 刷新 不 及 时 造成 数据 错误 

if ($refund['refund state'] != '2') { 

showMessage (Language: :get ( 'nc_common save fail' ka 


} 
S$order id = $refund['order id']; 
S$refund array = array(); 


$refund array['admin time'] = time(); 
$refund array['refund state'] = '3'; 
S$refund array['admin message'] = $ POST['admin message']; 


$state = $model refund->editOrderRefund ($refund); 

if ($state) { 
$model refund->editRefundReturn ($condition, $refund array); 
$this->log (' 退 款 确认 ， 退 款 编号 ' .$refund['refund _sn']); 


showMessage (Language: :get ('nc_common save succ'),'index.php?act=refund&op=refund manage'); 


} else { 
showMessage (Language: :get ('nc_common save fail')); 


} 


::output ('refund', $refund); 
Tpl: :showpage ('refund.edit'); 


3.8.4 功能 体验 


买 家 从 订单 列表 中 可 以 进入 图 3-78 的 退 款 申请 页 面 。 默 认 是 退 款 申 请 ， 可 以 在 服务 类 型 中 选择 退货 退 款 ， 填 写 退 货 数 量 ;中 上 部 是 一 些 提示 文字 ， 帮 助 买 家 更 好 地 使 


网 


片 ， 以 便 商家 和 平台 管理 员 进行 核对 。 


息 ， 从 订单 相关 表 中 查询 取出 数据 ; 中 下 部 是 需要 填写 的 表单 ， 可 以 传 三 张 证 据 


此 功能 ; 右 侧 是 商品 和 订单 的 信 


申请 退 就 服务 类 型 回 退 敦 /退货 申请 


二 正品 2014 知 装 呆 球 文 线 花 针织 衫 开 
探 作 提示 : 令 x199 00* 1 惟 县 ) 

1. 邯 次 未 类 到 货 ， 或 已 必 到 货 且 片 商家 寺 成 一 到 二 退货 妇 衣 款 时 ， 请 话 伴 " 愉 退 蒜 " 法 项 。 

2. 若 汶 南 品 对 题 ， 或 者 干 埠 查 了 且 妆 南 宗法 成 一 至 退货， 请 寺 择 呈 民 贫 退 款 " 选项 ， 组 货 后 请 保留 物 流 扶 单 。 运 ; 【《 免 运费 ) 

3. 若 提出 申请 后 ， 商 宗 拒 次 退 款 或 退 优 ， 可 再 次 提交 申请 或 碗 择 "商品 投诉 " ,请求 庆 城 宪 服 人 员 介 入。 订单 总 靳 ; #567.00 


4 成功 守成 民 直 从 商 ; 等 过 商城 审核 后 ， 妆 将 j 趟 金额 以 “ 顶 存 未 "的 形式 返 江 到 客 的 未 颜 账户 中 ， 
: 6000000000000601 


1200905506910 


商 训 处理 退 就 申请 平台 审核 ， 退 或 充 成 : 全 方 店铺 


© 


请 填写 退 苏 中 请 


“* 退 就 原因 ， 


+ 需要 退 寺 全 新 | 189 00 | 车 吓 乏 18900 元 ) 
退 节 全 毅 不 家 起 过 可 温 全 喘 . 


* 退 坷 说 明 ， 


: 记过 择 文件 


EE 和 = 开交 件 ， 


[ 剂 览 。 ] 未 这 择 交 件 ， 


3-78 退 款 申 请 表单 


买 家 提交 表单 保存 后 可 以 在 退 款 申请 列表 页 看 到 相关 信息 ， 可 以 按 申请 时 间 段 、 订 单 编 号 、 退 款 编号 、 商 品名 称 查询 ， 如 图 3-79 所 示 。 


退 款 申请 退货 申请 


订 间 二 号 国 


退 款 金额 (元 》 审核 状态 


但 款 编 号 : 2021011 40403114542 申请 时 间 : 2014-04-03 11:45:42 
正品 2014 洛 莎 新 苏 文 绣花 针 如 袍 开衫 外 套 浪 对 初 如 色 
订单 编写 : 6000000000000601 
退 款 编号 : 201101140311170830 申请 时 间 : 2014-03-11 17:08:30 
订单 商品 全 部 退 宗 
订单 编号 : 6000000000000801 
旭 亲 编号 : 4341011 40310110704 馈 诸 H 时 间 : 32014-03-10 11:07'04 
主 2014 奉 款 打 底 毛 祖 拼 色 毛 衣 长 褐 套头 针织 衫 敬 到 色 17900 


订单 编号 ; B000000000000301 


退 款 编号 : 131101140303152909 申请 时 间 : 2014-03-03 15:29:09 


证 2014 春 款 打 底 毛 祖 拼 色 毛 衣 长 褐 套头 针织 衫 营 槛 色 
订单 狂 弓 : 6000000000000301 


3-79 ” 退 款 申请 列表 


商家 可 以 在 商家 管理 中 心 首 页 的 交易 提示 看 到 退 款 及 退货 数量 ， 点 击 相应 链接 可 显示 本 店铺 客户 所 提交 的 申请 ， 如 果 是 在 确认 收 货 前 提交 的 会 在 “ 售 前 退 款 ” 中 ， 已 收 货 完成 的 订单 商品 退 款 在 “售后 
退 款 ”。 在 数据 较 多 时 ， 分 开 售 前 和 售后 会 更 方便 管理 ， 所 用 的 程序 和 模板 显示 是 同一 套 代 码 ， 只 是 在 参数 上 有 区 别 ， 如 图 3-80 所 示 。 


申请 时 间 | 曾 | | xx 志 | 人 国 | ie#ss 国 


商品 /订单 号 / 退 款 号 退 款 金 客 。 买 家 会 员 名 申请 时 间 处 理 状 态 


正品 2014 春 装 新 教 妇 绣花 针织 衫 开衫 外 套 泽 桑 初 绿色 
订单 编号 : 6000000000000601 ¥189.00 shopnc2 2014-04-03 11:45:42 待 审核 
退 款 编号 : 202101140403114542 


订单 商品 全 部 退 款 
订单 编号 : 6000000000000801 shopnc2 2014-03-11 17:08:30 同意 
退 款 编号 : 201101140311170830 


图 3-80 ”商家 的 退 款 记录 


商家 处 理 时 可 以 根据 买 家 提供 的 信息 或 沟通 情况 决定 是 否 退 款 ， 提 交 后 会 在 买 家 的 退 款 查看 页 面 中 显示 处 理 结果 和 备注 信息 ， 图 3-81 中 显示 的 就 是 商家 已 经 同意 的 退 款 记录 。 


退 款 服 务 退 款 /退货 申请 


正品 2014 者 装 新 款 去 绣花 针织 衫 开 … 
提示 : 


羊 189.00* 1{( 油 和 量 ) 
1. 若 提出 中 请 后 ， 商家 拒 纸 退 款 或 退货 ， 可 再 次 提 闵 中 请 或 纪 择 “商品 投诉 ” ,请求 商城 客服 人 员 刘 入 。 


2. 成 功 完成 退 款 阜 货 ; 经 过 商城 审核 后 ,会 插 奶 款 全 额 以 “预存 款 ? 的 形式 返还 到 咨 的 余额 账户 中 。 运费 : 〔 先 运 家 ) 


订单 总 额 : ¥567.00 


订单 篇 号 : 6000000000000601 更 多 ~ 
物流 捍 号 : 1200906506910 慢 达 快 带 


© © 疝 ”家 : 富力 店铺 


买 家 申请 退 就 南 家 处 理 退 就 申 语 台 审 核 ， 退 均 充 成 


更 多 ~ 


我 的 退 款 申请 


退 喜 编 号 : 202101140403114542 
退 就 原因 : 商品 破损 、 有 污 法 


退 喜 金额 : ¥189.00 


退 款 说 明 : 与 网 站 介绍 不 符 ， 差 别 很 大 。 


和 赁 证 上 传 : 


商家 退 就 处 理 


审核 状态 : 


图 3-81 会 员 查 看 退 款 记录 


商家 已 经 同意 的 退 款 记录 会 在 系统 后 台 退 款 管理 的 “ 待 处 理 ” 中 出 现 ， 管 理 员 点 “确认 ”进入 审核 页 ， 在 提交 表单 后 这 条 申请 就 不 会 再 在 此 列表 中 看 到 ， 填 写 的 “备注 信息 ”会 在 买 家 和 商家 的 退 款 查 
看 页 中 显示 。 


如 图 3-83 所 示 ， 在 系统 后 台 退 款 管理 的 “所 有 记录 ”中 可 以 查询 买 家 提交 的 申请 ， 包 括 商家 未 处 理 、 不 同意 退 款 和 授 款 完 成 的 记录 ， 可 以 方便 管理 员 及 时 掌握 平台 退 款 信息 ， 与 商家 共同 提升 服务 水 
平 


授 款 管 理 “|EE 所 有 记录 ，iR 芯 退 贡 原因 


[sss 国 申请 时 间 


时 操作 提示 ^ 


丑 宗 柠 变 中 语 ， 训 家 同意 并 全 干 台 确 认 后 ， 退 协 人 金额 以 预存 次 的 形式 返还 结 于 宗 。 


订单 编号 退 款 编 村 店铺 名 商品 名 称 买 家 会 员 名 趾 请 时 间 商家 审核 时 间 退 葡 全 疝 ”长 作 


202101140+0311454 官方 店 阴 正品 201+ 不 时 新 其 入 里 花 轩 织 亲 开 和 外话 浮 系 切 隶 色 shuprc2 2014-0-4-03 11;+5;'2 2014-04-03 13;57;1+ 169,00 站 认 


上 回 F 一 页 。 未 页 


图 3-82 系统 后 台 的 待 处 理 退 款 
符 处 理 【ET 区 扩 六 EB 共 原 田 


申 洁 中 相 | 靖 ~ |[ 羡 ey 
订单 编 号 退 喜 编号 店铺 名 ”商品 名 称 申请 时 间 退 喜 金额 ”商家 审核 “ 竹 台 确认 
5000000000000601 202101140403114542 官方 店铺 ” 正 忠 2014 奇 装 新 苏 文 里 花 针 织 裕 开衫 外 套 主 又 初 绿色 shopnc2 2014-04-03 11;45:42 189.00 同意 待 处 理 
500D0000000008D01 ”201101140311170830 ”官方 店 籼 ”订单 商 足 宇 却 返 就 shopnc2 2014-03-11 17;08:30 95.00 同 读 
6500D0000000003D1 “343410114D3101107034 ”官方 店 横 ”2014 茶 就 打 亡 毛 衫 拼 色 毛衣 长 袖 套 头 灶 扣 裕 杰 蓝 色 shopnc2 2014-03-10 11;07;04 179,00 同意 


5000000000000301 ”431101140303152909 了 2014 礁 亚 打 局 毛 社 挤 色 毛衣 长 宙 套 头 针织 罕 本 蓝 色 shopnc2 2014-03-03 15;29;09 179,00 


3-83 系统 后 台 的 所 有 退 款 列表 


如 图 3-84 所 示 ， 系 统 后 台 的 “ 退 款 退货 原因 ”就 是 由 基本 的 增 、 删 、 改 、 查 程序 组 成 的 ， 所 添加 的 数据 在 买 家 申请 退 款 时 从 下 拉 列 表 中 选择 ， 这 没有 什么 技术 难度 ， 因 此 就 没 对 此 部 分 进行 说 明 。 


退 款 管理 符 外 理 | 所 有 记录 电 坟 :和 注 wlal“ 时 | 新 增 原 办 


是 操作 提示 ~ 


系 硫 相 旺 化 的 原因 不 能 册 际 
” 排序 显示 规则 为 排序 小 的 在 前 ,新 增 的 在 前 


原因 
不 能 花 时 发 贫 
认 洲 是 眉 货 
保质 期 不 入 


商品 砧 损 ， 有 十 浅 


浆果 不 好 不 吉 欢 


3-84 系统 后 台 的 退 款 退 货 原因 


3.8.5 ”开发 技巧 


在 实际 开发 中 要 先 定好 规则 、 理 清 思路 ， 对 于 逻辑 中 有 不 明白 的 地 方 ， 及 时 沟通 解决 一 “ 磨 刀 不 误 砍 柴 工 ”， 要 是 程序 写 到 一 半 才 发 现 问题 ， 再 调整 就 不 容易 了 ， 有 可 能 将 前 面 的 逻辑 推翻 重 来 ， 
样 浪费 时 间 和 精力 算是 小 事 ， 影 响 到 其 他 人 员 的 开发 进度 就 严重 了 。 


际 


在 编写 程序 时 ， 尽 量 做 到 代码 的 复 用 ， 这 样 有 问题 可 以 及 时 发 现 和 修改 ;在 可 能 影响 到 规则 的 逻辑 中 一 定 要 进行 服务 器 端的 数据 验证 ， 一 旦 出 现 漏洞 被 利用 的 情况 就 可 能 造成 大 的 损失 ， 如 敏感 信息 泄 
露 、 预 存款 账号 异常 等 ; 在 较 复杂 的 流程 中 还 要 注意 调用 权限 的 问题 ， 什 么 情况 下 什么 人 能 进行 什么 操作 很 重要 ， 不 能 跨 时间 跨 步骤 更 新 数据 。 


3.9 ”结算 模块 


结算 是 B2B2C 平 台 的 重要 组 成 部 分 ， 这 里 所 说 的 结算 是 大 平台 和 商家 之 间 的 账单 结算 ， 普 通 买 家 并 不 参与 。 买 家 购买 商品 直接 付款 到 大 平台 ， 商 家 负责 发 货 ， 大 平台 和 商家 定期 结算 (一 般 为 月 结 ) 。 
月 结 时 ， 系 统 会 在 每 月 1 号 自动 出 账单 ， 账 单 包括 上 个 月 每 个 商家 的 有 效 交 易 统计 信息 及 详细 信息 ; 出 账 后 系统 会 等 待 商家 对 账单 进行 确认 ， 如 果 账 单 计算 无 误 ， 商 家 确认 后 会 进入 系统 审核 环节 ， 系 统 审核 
后 账单 会 提交 到 财务 部 门 进行 付款 操作 ; 付款 完成 后 ， 需 在 后 台 录 入 付款 相关 信息 ， 账 单 结算 完成 。 结 算 流 程 图 如 图 3-85 所 示 。 


平台 确认 


商家 确认 


图 3-85 ”结算 流程 图 


3.9.1 设计 思路 


1 数据 表 设 计 


结算 数据 表 主 要 涉及 两 个 : 账单 表 和 | 账单 汇总 表 。 


账单 表 记录 的 是 每 个 月 每 个 商家 的 结算 信息 ， 包 括 日 期 、 订 单 总 金额 、 总 运费 、 退 单 总 金额 、 佣 金 总 金额 、 退 还 佣金 金额 、 店 铺 费 用 、 应 结 金额 以 及 结算 状态 等 字段 ， 主 键 即 为 账单 编号 ， 由 年 份 (4 
位 ) + 月 份 (2 位 ) + 商家 ID 组 成 。 


账单 汇总 表 是 对 每 个 月 所 有 商家 结算 信息 的 统计 汇总 ， 它 反应 的 是 每 月 平台 各 项 结算 参数 的 汇总 数据 ,年 份 (4 位 ) + 月 份 (2 位 ) 组 成 主键 。 


2. 结 算 流 程 设计 


结算 模块 主要 流程 包括 出 账 、 对 账 和 付款 三 个 部 分 。 本 节 重 点 围绕 这 三 部 分 介绍 设计 思路 。 


所 谓 出 账 就 是 系统 自动 计算 出 本 月 的 结算 账目 。 有 以 下 几 个 方面 需要 注意 。 


(1) 执行 时 机 


一 般 情况 下 B2B2C 平 台 结算 周期 为 1 个 月 ， 每 月 1 号 为 出 账 日 ， 服 务 器 会 在 每 月 1 号 触发 结算 程序 ， 计 算 上 个 月 1 号 00: 00: 00 至 上 个 月 最 后 一 天 23: 59: 59 秒 之 间 有 效 订单 。 系 统 的 出 账 时 间 为 结算 单 
的 生成 时 间 。 结 算 单 除 系统 自动 触发 执行 外 ， 结 算 程 序 还 应 支持 手动 执行 ， 如 果 服 务 器 因 故 障 未 能 出 账 ， 那 么 可 以 人 工 触 发 生成 结算 单 ， 结 算 日 期 为 人 工 触发 执行 的 日 期 。 


(2) 结算 对 象 


系统 结算 的 对 象 是 上 月 发 生 的 交易 完成 的 订单 或 退 单 。 订 单 中 买 家 签收 货物 后 即 可 视 为 交易 完成 。 退 单 中 退 款 或 退货 成 功 后 即 可 视 为 退 单 完成 。 


(3) 计算 公式 


B2B2C 商 城 默 认 是 以 即时 到 账 的 方式 将 支付 款 打 到 了 平台 账户 中 ， 平 台 需 在 扣除 相关 费用 后 ， 将 剩余 款项 定时 支付 给 商家 。 结 算 时 主要 涉及 以 下 几 个 元 素 。 


1) 订单 金额 。 订 单 金额 是 上 个 月 内 买 家 实际 支付 金额 (包含 运费 ) 。 


2) 佣金 金额 。 这 里 指 的 是 上 个 月 内 平台 应 当 收取 的 佣金 总 金额 。 佣 金 是 平台 收取 商家 交易 费用 的 一 种 方式 ， 结 算 时 ， 平 台 会 从 订单 总 金额 中 扣除 应 该 收取 的 佣金 。 每 种 商品 都 有 自己 的 佣金 抽取 比例 ， 
佣金 计算 与 运费 无 关 ， 与 订单 总 金额 无 关 ， 由 每 种 商品 的 单价 、 数 量 、 佣 金 比例 来 决定 ， 如 果 购 买 时 有 优惠 活动 (如 满 减 ) ， 则 系统 会 将 优惠 的 金额 分 摊 到 每 种 商品 上 面 。 


佣金 一 商品 实际 售 价 X 购 买 数量 一 优惠 分 摊 人 金额 (如果 有 优惠 活动 ) 


3) 退 单 金额 。 退 单 金额 是 指 交易 成 功 后 ， 如 果 发 生 了 退 款 (退货 ) ， 并 且 经 过 商家 (平台 ) 审核 成 功 退 款 , 平 
入 本 身 结算 金额 中 。 


mm 


结算 时 需 将 这 部 分 金额 从 本 期 结算 金额 中 扣除 ， 只 有 在 上 个 月 内 成 功 退 款 的 订单 才 会 计 


4) 退还 佣金 。 只 有 发 生 退 款 时 才 会 退还 佣金 ， 平 台 结 算 时 需 将 这 部 分 金额 追加 到 本 期 应 结 金额 中 。 


5) 店铺 促销 费用 。 这 里 是 指 店铺 运营 中 发 起 各 种 促销 活动 (团购 、 满 即 送 、 限 时 折扣 等 ) 时 向 平台 支付 的 费用 ， 在 平台 结算 时 需 将 这 些 费 用 从 本 期 应 结 金额 中 扣除 。 当 然 促销 费 用 也 可 以 不 放 入 结算 中 
处 理 ， 在 商家 发 起 促销 时 直接 以 即时 到 账 方式 向 平台 支付 所 需 费用 ， 这 种 也 可 以 采用 。 


从 上 面 所 述 我 们 可 以 得 出 结算 的 计算 公式 为 : 


平台 应 付 人 金额 二 订单 金额 一 佣金 金额 一 退 单 金额 十 退还 佣金 一 店铺 促销 费用 


与 结算 还 有 一 个 相关 的 元 素 就 是 店铺 开店 保证 金 ， 当 平台 应 结算 金额 为 负数 时 (实际 很 少 会 出 现 这 种 情况 ) ， 平 台 有 可 能 会 采用 扣除 保证 金 的 方式 来 处 理 。 


对 账 是 结算 中 必 不 可 少 的 环节 ， 系 统 出 账 后 ， 首 先 商 家 会 进行 核对 ， 系 统 需要 为 商家 提供 详细 的 出 账 信息 ， 并 提供 表格 数据 下 载 ， 核 对 无 误 后 确认 并 提交 到 平台 审核 。 平 台 再 次 进行 核对 无 误 后 ， 确 认 
并 提交 ， 财 务 部 门 开 始 支付 环节 。 


付款 完成 后 ， 进 入 系统 后 台 ， 输 入 相关 付款 信息 并 提交 ， 完 成 结算 流程 。 


3.9.2 ”代码 实现 


结算 代码 实现 主要 包括 两 大 部 分 ， 第 一 部 分 是 生成 账单 的 代码 ， 由 系统 任务 自动 触发 执行 ， 第 二 部 分 是 生成 结算 后 的 平台 与 商家 之 间 结 算 流程 代码 。 第 一 部 分 涉及 生成 结算 的 思路 ， 第 二 部 分 代码 实现 
较 容易 ， 本 节 只 介绍 第 一 部 分 代码 。 


生成 结算 代码 主要 由 MVC 中 的 M (模型 ) 和 C (控制 器 ) 来 完成 ， 它 是 后 台 运 行 ， 不 需要 输出 展示 ， 所 以 没有 V ( 视 


加 
薄 
不 
dT 


1. 模 型 代码 


模型 主要 完成 的 是 对 结算 所 需要 的 方法 进行 封装 的 工作 ， 如 代码 清单 3-31 所 示 。 


代码 清单 3-31 ”结算 模型 核心 代码 


// 定 义 结算 单 状态 
// 默 认 初 始 状态 
define("BILL STATE CREATE',1); 
// 店 铺 已 确认 
define("BILL STATE STORE COFIRM',2); 
// 平 台 已 审核 
define("BILL STATE SYSTEM CHRCK'，3) 7 
// 结 算 完 成 
define("BILL STATE SUCCESS '，4) 7 
class billModel extends Model 1{ 
// 取 得 平台 月 结算 单 
public function getOrderStatisList ($condition = array(), $fields = '*', S$pagesize = null, $order = '', $limit = null) { 
return $this->table('order statis')->where ($condition)->field ($fields) ->order ($order) ->page ($pagesize) ->limit ($1imit)->select (); 


} 
// 取 得 平台 月 结算 单条 信息 
public function getOrderStatisInfo($condition = array(), $fields = '*',$order = null) { 
return $this->table('order statis')->where ($condition)->field ($fields)->order ($order) ->find (); 


} 
// 取 得 店铺 月 结算 单列 表 
public function getOrderBillList ($condition = array(), $fields = '*', $pagesize = null, $order = '', $limit = null) { 
return $this->table('order bill')->where ($condition)->field ($fields)-> order ($order) ->limit ($1imit)->page ($pagesize) ->select (); 


} 
// 取 得 店铺 月 结算 单条 信息 
public function getOrderBillInfo($condition = array(), $fields = '*') 
return $this->table('order bill')->where ($condition)->field ($fields) ->find(); 


} 
// 取 得 订单 数量 
public function getOrderBillCount ($condition) { 
return $this->table('order bill')->where ($condition)->count (); 


} 
// 增 加 结算 汇总 表 记 录 
public function addOorderStatis($data) { 
return $this->table('order statis')->insertAll ($data); 


i 
// 新 增 结算 单 表 
public function addorderBill ($data) { 
return $this->table('order bill')->insert ($data); 


} 
// 编 辑 结算 单 
public function editOrderBill ($data, $condition = array()) { 
return $this->table('order bill')->where ($condition)->update ($data); 


i 


2. 控 制 器 代码 


控制 器 完成 的 任务 就 是 生成 结算 单 ， 系 统 会 分 批 次 生成 账单 信息 和 汇总 信息 。 系 统 生成 账单 的 处 理 过 程 如 图 3-86 所 示 。 


以 商家 世 为 单位 ,站 
生成 某 月 空 结算 记 


次 计算 出 条 月 东 商 家 的 


图 3-86 ”购物 车 主要 操作 与 流程 


生成 账单 的 核心 代码 如 代码 清单 3-32 所 示 。 


代码 清单 3-32 ”生成 账单 核心 代码 


// 生 成 上 月 账单 
public function create order statis() { 
Smodel order = Model ('order'); 
Smodel bill = Model ('bil1'); 
// 计 算 开始 结算 的 时 间 起 点 ， 即 上 次 最 后 一 条 结算 末尾 日 期 
S$order statis max info = $model bill->getOrderStatisInfo(array(),'os end date','os month desc'); 
if (!$order statis max info 


了 
// 如 果 从 未 生成 过 吾 算 章 ， 则 以 系统 第 一 个 订单 产品 日 期 作为 结算 开始 日 期 


S$order min info = $model order->getOrderInfo (array (),array (), 'min(add time) as add time'); 
$start unixtime = is numeric($order min info['add time']) ? S$order min info[ "add time'] : TIMESTAMP; 
} else { 


$start unixtime = $order statis max info['os end date']; 
} 
$data = array(); 
$i = 1; 
$start unixtime = strtotime (date('Y-m-01 00:00:00', $start unixtime)); 
while (($time = strtotime('-'.$i.' month')) >= $start unixtime) { 


if (date('Ym',S$start unixtime) == qate('Ym'vStime)) { 
// 检 查 库 是 否 存 在 (现时 滑 个 崩 办 *， 则 不 再 生成 结算 单 7 
S$order statis = $model bill->getOrderStatisInfo (array('os_month'=>date('Ym', $start unixtime))); 
if ($order statis) { 
break; 


} 


} 

// 账 单 结算 的 开始 时 间 (上 月 该 月 第 一 天 0 时 unix 时 间 截 ) 

$first dy unixtime = strtotime (date('Y-m-01 00:00:00', $time)); 

// 账 单 结算 的 终止 时 间 ( 该 月 最 后 一 天 最 后 一 秒 时 unix 时 间 截 ) 

$last day unixtime = strtotime (date('Y-m-01 23:59:59', $time)." +1 month -1 day"); 
$key = count ($data); 
S$os month = date('Ym', $first day unixtime); 


$data[$key] ['0os month'] = $0s_month; 

$data[l$key] ['os_year'] = date('Y', $first day unixtime); 
$data[l$key] ['os_start date'] = $first day unixtime; 
$data[l$key] ['os end date'] = $last day unixtime; 

// 生 成 所 有 商家 某 月 的 出 账单 


$this-> create order bill ($data[$key]); 
// 将 某 月 所 有 商家 出 账单 统计 汇总 ， 保 存 入 结算 汇总 表 
$fileds = 'sum(ob order totals) as ob order totals,sum(ob shipping totals) as ob shipping totals, 
Sum(ob : order _ return totals) as ob ( order return totals, 
sum(ob ， commis totals) as ob commis totals, sum (ob . commis return totals) as ob commis return totals, 
sum (ob : store cost totals) as ob store cost totals, sum (ob _ result . totals) as ob result totals'; 
S$order bill info = $model bil1- >getOrderBillInfo (array(' os month"'=>$0s, month), $fileds); 


S$gqata[S$key] [{' os order totals'] = floatval ($order bill infof'ob order totals' 1); 

$data[$key] ['os_shipping totals'] = floatval ($order bill info["ob Shipping totals']); 
$data[$key] ['os order 1 return totals'] = floatval ($order 1 Bill infof' ob ) order return totals']); 
$data[$key] ['o0s_commis totals'] = floatval ($order bill info['ob commis totals']); 

$data[$key] ["os Commis _ ”return totals'] = floatval 《Sorder 1 bill _infol[' ob ， commis return totals']); 
$data[$key] fas store cost totals' ] = floatval ($order 1 bill info['ob store cost totals']); 
$data[$key] ['os result totals' ] = floatval ($order bilT info[' ob 1 result . totals' Ts 

Si++7 


} 
krsort ($data); 
$model bil11->addorderStatis ($data); 


} 
// 生 成 所 有 商家 某 月 的 出 账单 
private function create order bill ($data) { 
Smodel order = Model('order') 7 
Smodel bill = Model ('bil1'); 
$mogdel store = Mogdel('store'); 
// 取 商家 表 数 量 
$store count = $model store->getStoreCount (array()); 
// 分 批 生成 该 月 份 的 商家 空 结算 表 ， 每 批 生成 300 个 
$insert = false; 
for ($i=0;$i<=$store count;$i=$i+300){ 
$store list = $model store->getStoreList (array() ,null,'','store id', WeyD0ry 
if ($store list){ 
$data bill = array(); 
foreach ($store list as $store info){ 


$data billf'ob no'] $data[l'os month'] .$store info[' store id']; 
$data bill[' op-start dater ] = $datal'os start date']; 

$data bill['ob end date'] = saataf， os end date']; 

$data bill['os month'] = sd ata['os month']; 

$data bill['ob state'] = 0; 

$data bill['ob store iar ] = $store_info['store_ id']; 


if (1Smodel biI]l- >getordsrBillInfofarray(' ob no'=>$data bill['ob no']))) t 
// 插 入 以 月 份 六 音信 的 宝 账单 
S$insert = $model bil1->addqOrderBil11($data_bil1)7 
// 对 已 生成 空 账单 进行 销量 、 退 单 、 古 金 统计 
if ($insert){ 
Supdate = $this-> calc order bill ($data bill); 
if (!$update){ 


showMessage (' 生 成 账单 [' .$data['os_month'] .'] 失 败 ','','html', 'error'); 
} 
}else{ 
showMessage (' 生 成 账单 [' .$data['os_month'] .'] 失 败 ','','html', 'error'); 
} 


} 


} 
/计算 菜 月 内 ， 某 商家 的 销量 ， 退 单 量 ， 佣 金 等 数据 


private function calc order bill($data bill){ 
Smodel order = Model('order') 7 
Smodel_ bill = Model ('bill'); 
Smodel store = Model('store'); 
// 定 义 香 询 条 件 ， 查 询 订 单数 据 


S$order_ condition = array(); 


S$order condition['order state'] = ORDER STATE SUCCESS; 

S$order condition['store id'] = $data bill['ob store id']; 

S$order condition['finnshed time'] = array('time',array ($data bill['ob start date'],$data bill['ob end date'])) 
$update = array (); | a 四 区 Se 
// 订 单 总 金额 

$fields = 'sum(order amount) as order amount, sum(shipping fee) as shipping amount, store name'; 

S$order info = $model order->getOrderInfo ($order condition,array (), $fields); 

S$update[' ob_order 1 totals'] = floatval( ($order info[' order amount']); 

// 总 运费 

人 ob_shipping totals'] = floatval ($order info['shipping amount'])7 

// 商 家 

$store info = $model . Shr. >getStoreInfoByID ($data bill['ob store id']); 

tl ob_ store name'] = $store info['store name']; 

// 佣 金 

Sorder jr fo = $model order->getOrderInfo( ($order ， condition,array (), 'count (DISTINCT order id) as count'); 


S$order count = S$order _ info['count']; 
$commis rate totals array = array(); 
// 分 批 计算 佣金 ， 最 后 取 总 和 
for ($i = 0; $i <= S$order count; $i = $i + 300){ 
S$order list = $model order->getOrderList ($order condition,'','order id','',"{$i},300"); 
S$order id array = array(); 
foreach (Sorder list as $order info) { 
S$order id array[] = $order info['order id']; 


} 
if (!empty($order id array) ){ 
S$order goods condition = array(); 


S$order « goods ， condition['order id'] = array('in', $order id array); 
$field = 'SUM (goods pay_price* commis rate/100) as commis amount'; 
S$order goods info = $model order->getOrderGoodsInfo($order goods condition, $field); 
$commis rate totals array[] = $order goods info['commis amount']; 
}else{ 
$commis rate totals array[] = 0; 
} 
} 
$updatel, ob commis totals'] = floatval (array sum($commis rate totals array)); 
// 退 款 总 金额 “ 


$model refund = Model ('refund return') 
Srefund _ condition = array(); 

$refund condition['seller state' 
S$refund « | condition['store i | 
S$refund condition[' goods | 


] = 27 
$data bill['ob store_ id']; 
array ('gt',0); 


$refund condition['admin time'] = array(array('egt', $data bill['ob start date']),array('elt', $data bill['ob end date']),'and'); 
$refund info = $model refund->getRefundReturnInfo($refund condition, 'sum(refund amount) as amount'); 
Supatel oy ’ Order return totals'] = floatval ($refund . infof'amount']); 
// 退 还 佣金 总 至 额 
Srefund = S$model refund->getRefundReturnInfo($refund condition,'sum(refund amount*commis rate/100) as amount'); 
if ($refund) { 
S$update['ob commis return totals'] = floatval ($refund['amount']); 
} else { 
$updatel[ "ob_commis_return totals'] = 0; 
} 
// 店 铺 活 动 总 费用 


$model_store cost = Model (‘store cost'); 
$cost condition = array(); 


$cost condition[' cost_store id'] = $data bill['ob store id']; 
$cost .condition[' cost : SateTT = .0 
$cost_condition[' cost time' ] = array (array('egt', $data bill['ob start date']),array('elt', $data lL bill['ob end date']),'and'); 


$cost_ info = $model store cost->getStoreCostInfo($cost condition,'sum(cost price) as cost amounE); 


$update['ob_store cost totals'] = floatval ($cost info['cost amount']); 

// 本 期 应 结 

$update['ob result totals'] S$update['ob order totals'] - $update['ob order return totals'] - 
$update['ob commis totals'] + $update['ob commis return totals']- $update['ob store cost totals']; 
// 账 单 生 成 时 间 

$update['ob create date'] = TIMESTAMP; 

// 账 单 默 认 状 乱 

$update['ob state'] = BILL STATE CREATE; 

// 将 以 上 数据 更 新 到 账单 表 

$result = $model bill->editOrderBill ($update,array( 'Ob no'=>$data bill ['ob no'])); 

return $result; 


3.9.3 ”功能 体验 


本 节 我 们 演示 结算 单 的 处 理 流程 ， 演 示 之 前 先 展示 一 下 平台 和 商家 结算 界面 。 


1. 平 台 结算 管理 界面 展示 


进入 后 台 后 进入 结算 管理 ， 可 以 看 到 每 个 月 份 平台 的 结算 账目 汇总 信息 ， 由 于 演示 站 点 是 在 2013 年 12 月 搭建 ， 目 前 为 5 月 份 ， 所 以 系统 会 生成 2013-12 至 2014-04 的 账单 ， 如 图 3-87 所 示 。 


结算 管理 丙 家 下 单 放 而 


按 年 份 御 雪 | 询 远 怪 四 |Q| 


四 操作 提示 ~ 
此 处 殉 出 了 平台 何 月 的 结 芝 全 扎 汇总 ,点击 查 大 可 以 得志 本 月 详 独 的 店铺 账单 位 写 列 到 
联 单 (月 ) 开始 日 其 结 中 日 期 订单 多 售 收取 亲人 
2014-04 2014-04-01 2014-04-30 0.00 0.00 
2014-03 2014-03-01 2014-03-31 51500.00 1515.00 
2014-02 2014-02-01 2014-02-28 10901.00 000 10940.10 
2014-01 2014-01-01 2014-01-31 7918380120 213.00 278831.78 40237181.00 


2013-12 2013-12-01 2013-12-31 0.00 0.00 0.00 0.00 


3-87 ”结算 数据 汇总 信息 


点 击 “ 商 家 账单 列表 ”按钮 ， 可 以 看 到 目前 所 有 商家 的 账单 列表 信息 ， 如 图 3-88 所 示 。 


结算 管理 “| 2s DE 


账单 处理 这 程 为 ; 至 统 出 账 > 真 家 确认 > 平台 审核 > 时 务 去 付 绽 或 结 和 4 个 环 . 也 中 平台 审核 竺 务 支 付 寺 罕 平 台 介 入 , 诗 KRDL 关 注 


开始 日 其 结束 日 图 订单 金额 ”运费 出 巍 日 朋 账单 状态 


2014-04-01 2014-04-30 0.00 0.00 2014-05-15 已 由 紧 


2014-05-15 已 出 县 


2014-05-15 


2014-04-01 2014-04-30 ). | .| 2014-05-15 


2014-04-01 2014-04-30 2014-05-15 


3-88 ”账单 列表 


点 击 任意 一 个 结算 单 ， 查 看 详细 信息 ， 查 看 账单 2014012 的 基本 信息 ， 如 图 3-89 所 示 。 


结算 管理 | 201401 期 商家 账单 列表 a 


: 2014012 


: 2014-01-01 至 2014-01-31 


: 2014-02-10 


平台 应 付 金额 : 404.35 = 1192.00 (订单 金额 ) - 59.60 (佣金 金额 ) - 259.00 ( 退 单 金额 ) + 12.95 {退还 佣金 ) - 482.00 (店铺 促销 费用 ) 


结算 状态 : 已 出 账 


图 3-89 账单 详细 信息 


2014012 表 示 编 号 为 2 的 商家 在 2014 年 1 月 的 结算 单 。 


除 账 单 基本 信息 外 ， 本 页 还 可 以 查询 订单 、 退 单 、 店 铺 费 用 的 详细 列表 ， 并 支持 这 些 数据 的 导出 操作 。 图 3-90 展 示 了 账单 2014012 的 订单 列表 。 


下 单 日 期 成 交 日 期 


6000000000020201 | 2014-01-20 2014-01-20 


6000000000008201 | | 2014-01-10 2014-01-10 


6000000000007901 2014-01-10 2014-01-10 


6000000000002101 | 2014-01-07 2014-01-07 


3-90 ”订单 列表 


可 以 导出 订单 数据 如 图 3-91 所 示 。 


A 外 -二 C D E F G :| J K 
订单 编号 ,订单 金额 | 运费 佣金 下 单 日 期 “成交 日 期 商家 商家 编号 | 买 家 买 家 编号 _ | 商品 
NC600000C 219 10.95| 2014/1/20， ”2014/1/20 妮 妮 服装 岂 2jtjshopnc 68 春装 新 款 由 
NC600000( 188 9.4| 2014/1/10| ”201d4Z1710 妮 妮 服装 及 2jtjshopnc 68 冬季 新 款 玫 
NC6000000 259 12. 95| 2014/1/10| ”2014/1710| 妮 妮 服 装 史 2jtjshopnc 68 | 乐 盯 2014 罩 
NC6000000 526 26. 3| 2014/1/7 2014/1/7 妮 妮 服装 用 2japple2 

合计 1192 59.6 


3-91 ”导出 订单 数据 


账单 2014012 的 退 单列 表 如 图 3-92 所 示 。 


订单 类型 | 退 闪 列 赤 国 | wj 问 | 高 | - [ 靖 | 加 (Beawmm) 


退 单 编号 i 退 区 日 期 


722102140110092004 E 2014-01-10 


图 3-92 退 单 列表 


点 击 “ 查 看 ”按钮 可 以 查看 订单 、 退 单 的 详细 情况 。 账 单 2014012 的 店铺 促销 费用 列表 如 图 3-93 所 示 。 


申请 日 期 
2014-01-07 
2014-01-07 
2014-01-07 


2014-01-07 


2014-01-07 


2014-01-07 


图 3-93 ”店铺 促销 费用 列表 


2. 商 家 结算 界面 展示 


登录 “ 妮 妮 服装 店 ”的 商家 后 台 结 算 管理 界面 ， 可 以 看 到 该 商家 的 结算 列表 ， 如 图 3-94 所 示 。 


EE 
账单 状态 | 请 选择 .， 国 


结算 单 号 起 止 时 间 


2014012 2014-01-01 - 2014-01-31 


2014022 2014-02-01 - 2014-02-28 


2014032 2014-03-01 -2014-03-31 


2014042 2014-04-01 -2014-04-30 


3-94 结算 列表 


点 击 “ 查 看 ”按钮 可 以 看 到 详细 的 结算 信息 ， 如 图 3-95 所 示 。 


本 期 结算 


结算 单 号 : 2014012 ”2014-01-01 至 2014-01-31 


出 号 时 间 : 2014-02-10 
本 期 应 收 : 404.35 = 1192.00 (订单 金额 ) - 59.60 (佣金 金额 ) - 259.00 ( 退 单 金额 ) + 12.95 (退还 佣金 ) - 482.00 (促销 融 用 ) 
结算 状态 : 已 出 同 


订单 列表 


订单 编号 成 交 时 间 


订单 篇 号 下 单 时 间 成 交 时 间 订单 金额 


6000000000020201 2014-01-20 2014-01-20 


6000000000008201 2014-01-10 2014-01-10 


6000000000007901 2014-01-10 2014-01-10 


6000000000002101 2014-01-07 2014-01-07 


3-95 ”结算 详细 信息 


这 里 显示 的 内 容 同 大 平台 (这 里 是 指 商城 系 统 的 运营 方 ) 后 台 相似 ， 同 样 也 支持 导出 结算 信息 。 
3 .结算 流程 


前 两 节 对 平台 后 台 和 商家 后 台 的 结算 作 了 基本 的 展示 和 介绍 ， 本 节 开 始 演示 结算 流程 。 系 统 出 账 后， 默认 进入 等 待 商 家 审核 阶段 ， 商 家 确认 系统 结算 数据 无 误 后 点 击 “ 确 认 ” 按 钮 ， 之 后 系统 进入 平台 
审核 确认 环节 ， 进 入 系统 后 台 可 以 发 现 2014012 号 结算 单 状态 已 经 变更 为 “商家 已 确认 ”， 如 图 3-96 所 示 。 


2014-01-01 2014-01-31 7596.20 0.00 lL. 447221 2014-02-10 


2014-01-01 2014-01-31 1192.00 | 4 | 404.35 2014-02-10 


图 3-96 ”结算 状态 已 经 变更 


如 果 结 算数 据 无 误 ， 点 击 “ 审 核 ”按钮 ， 系 统 进入 付款 环节 ， 如 图 3-97 所 示 。 


审核 后 将 无 法 撤销 ， 进 入 下 一 步 付款 环节 ， 确 认 审 核 吗 ? 


图 3-97 审核 结算 单 


待 平 台 向 商家 付款 完成 后 ， 需 要 进入 平台 后 台 更 新 一 下 结算 单 的 状态 ， 点 击 “付款 完成 ”输入 相关 付款 信息 ， 如 图 3-98 所 示 。 


2014012 


付 起 日 期 : 


2014-03-03 


付 就 备注 : 


去 付 宝 支 付 
十 付 宝 交易 号 : 12555550002154855 


至 此 ,编号 为 2014012 的 结算 单 处 理 完成 。 


3.10 ”统计 模块 


我 周围 有 很 多 从 事 电子 商务 运营 的 朋友 ， 工 作 都 非常 辛苦 。 电 子 商务 运营 不 应 该 是 个 体力 活 儿 ， 但 是 2012 年 的 运营 工作 看 起 来 就 是 最 拼 体力 的 工作 ， 因 为 大 家 比拼 的 是 广告 投放 数量 和 种 类 ， 比 拼 在 线 
时 长 ， 比 拼 商品 数量 ， 比 拼 活动 数量 。 通 过 了 解 我 很 遗憾 地 发 现 ， 他 们 中 有 很 多 人 忽略 了 数据 在 电子 商务 运营 中 的 作用 。 未 来 的 互联 网 世界 一 定 是 属于 数据 的 ， 而 电子 商务 运营 也 一 定 会 转向 以 数据 为 基础 
的 运营 。 当 客户 进入 网 站 页 面 ， 他 的 一 举 一 动 都 可 以 变 成 数据 记载 下 来 ， 从 而 会 在 网 站 中 产生 大 量 的 真实 数据 ， 通 过 网 站 中 这 些 大 量 的 真实 数据 ， 可 以 有 效 地 估计 出 访客 的 兴趣 、 对 各 种 商品 的 不 同 反应 、 
> 享 客户 的 各 种 行为 等 运营 需要 了 解 的 信息 ， 使 运营 有 据 可 依 ， 不 再 是 赁 经 验 盲 目 运作 ， 而 是 有 的 放 矢 。 如 何 能 让 我 们 的 电 商人 分 析 数 据 不 再 那么 辛苦 ， 是 我 写 以 下 内 容 的 初 囊 ， 希 望 能 对 从 事 电 子 商 务 相 
关 工作 的 同行 有 些 帮助 。 


做 好 数据 工作 ， 在 电子 商务 中 除了 需要 数据 分 析 和 数据 挖 握 的 知识 外 ， 还 需要 对 电子 商务 行业 有 深入 的 了 解 ， 两 者 缺 一 不 可 。 如 果 只 有 数据 挖掘 知识 ， 很 可 能 做 出 的 数据 模型 在 理论 上 是 正确 的 ， 但 是 
不 符合 电子 商务 的 实际 情况 ; 反之 ， 如 果 只 是 对 电子 商务 的 运作 有 深入 了 解 ， 而 对 数据 挖掘 不 了 解 ， 那 么 可 能 会 对 数据 模型 提出 不 切实 际 的 非 分 要 求 ， 或 者 做 出 一 个 在 功能 上 有 缺失 的 模型 。 


一 家 公司 想 要 成 功 ， 必 须 让 数据 分 析 介 入 运营 ， 应 秉持 以 下 几 点 。 
:以 数据 为 基础 ， 智 能 地 制定 运营 决策 。 
:以 数据 为 目标 ， 有 效 执行 运营 计划 。 


“ 以 数据 为 依据 ， 优 化 商务 过 程 。 


下 面 我 们 看 一 个 真实 的 数据 应 用 案例 ， 更 加 形象 地 领会 数据 分 析 在 运营 中 的 重要 性 。 以 下 是 阿迪 达 斯 的 “黄金 罗盘 ”案例 。 


厦门 育 泰 贸 易 有 限 公司 与 阿迪 达 斯 合作 已 有 13 年 ， 旗 下 拥有 100 多 家 阿迪 达 斯 门店 。 公 司 负责 人 叶 总 说 ，“2008 年 之 后 ， 库 存 问题 确实 很 严重 ， 但 我 们 通过 合作 解决 问题 ， 生 意 再 次 
着 同行 大 多 仍 身 陷 库存 泥潭 ， 他 庆幸 自己 选 对 了 合作 伙伴 。 


回 


到 了 正轨 。 ”看 


在 最 初 降价 、 打 折 等 清 库存 的 “应 急 措施 ”结束 后 ， 外 部 环境 、 消 费 者 调研 和 门店 销售 数据 的 收集 、 分 析 ， 成 为 了 将 阿迪 达 斯 和 其 经 销 商 们 引 向 正轨 的 “黄金 罗盘 ”。 


现在 ， 叶 总 每 天 都 会 收集 门店 的 销售 数据 ， 并 将 它们 上 传 至 阿迪 达 斯 。 收 到 数据 后 ， 阿 迪 达 斯 对 数据 做 整合 、 分 析 ， 再 用 于 指导 经 销 商 卖 货 。 研 究 这 些 数据 ， 让 阿迪 达 斯 和 经 销 商 们 可 以 更 准确 地 了 解 
当地 消费 者 对 商品 颜色 、 款 式 、 功 能 的 偏好 ， 同 时 知道 什么 价位 的 产品 更 容易 被 接受 。 


阿迪 达 斯 产品 丰富 ， 过 去 面 对 展 厅 里 各 式 各 样 的 产品 ， 经 销 商 很 容易 按 个 人 偏好 下 订单 。 现 在 ， 阿 迪 达 斯 会 用 数据 说 话 ， 帮 助 经 销 商 选择 最 适合 的 产品 。 首 先 ， 从 宏观 上 看 ， 一 、 二 线 城市 的 消费 者 对 
品牌 和 时 尚 更 为 敏感 ， 可 以 重点 投放 采用 前 沿 科技 的 产品 、 运 动 经 典 系列 的 服装 以 及 设计 师 合作 产品 系列 。 在 低 线 城市 ， 消 费 者 更 关注 产品 的 价值 与 功能 ， 诸 如 纯 棉 制品 这 样 高 性 价 比 的 产品 ， 在 这 些 市 场 
会 更 受 欢迎 。 其 次 ， 阿 迪 达 斯 会 参照 经 销 商 的 终端 数据 ， 给 予 更 具体 的 产品 订购 建议 。 比 如 ， 阿 迪 达 斯 可 能 会 告诉 某 低 线 市 场 的 经 销 商 ， 在 其 辖区 普通 跑步 鞋 比 添加 了 减 震 设备 的 跑鞋 更 好 卖 ; 至 于 颜色 ， 
比 起 红色 ， 当 地 消费 者 更 偏爱 蓝 色 。 


通 动 这 种 订货 方式 ， 


可 


迪 达 斯 得 到 了 经 销 商 们 的 认可 。 叶 总 说 : “我 们 一 起 商定 卖 哪些 产品 、 什 么 产品 又 会 热卖 。 这 样 ， 我 们 将 来 就 不 会 再 遇 到 库存 问题 。” 


挖掘 大 数据 ， 让 阿迪 达 斯 有 了 许多 有 趣 的 发 现 。 同 在 中 国 南 部 ， 那 里 部 分 城市 受 香港 风尚 影响 非常 大 ， 而 另 一 些 地 方 ， 消 费 者 更 愿意 追随 韩国 潮流 。 同 为 一 线 城市 ， 北 京 和 上 海 消费 趋势 不 同 ， 和 气候 是 
主要 的 原因 。 还 有 ， 高 线 城市 消费 者 的 消费 品位 和 习惯 更 为 成 熟 ， 当 地 消费 者 需要 不 同 的 服装 以 应 对 不 同 场合 的 需要 ， 上 班 、 吃 饭 、 喝 咖啡 、 去 夜店 ， 需 要 不 同 风格 的 多 套 衣服 ， 但 在 低 线 城市 ， 一 位 女性 
往往 只 要 有 应 对 上 班 、 休 闲 、 宴 请 的 三 种 不 同 风格 的 服饰 就 可 以 。 两 相对 比 ， 高 线 城市 ， 显 然 为 阿迪 达 斯 提供 了 更 多 细 分 市 场 的 选择 。 


实际 上 ， 对 大 数据 的 运用 ， 也 顺应 了 阿迪 达 斯 大 中 华 区 战略 转型 的 需要 。 


库存 危机 后 ， 阿 迪 达 斯 从 “批发 型 ”公司 转 为 “零售 驱动 型 ”公司 ， 它 从 过 去 只 关注 把 产品 卖 给 经 销 商 ， 变 成 了 将 产品 卖 到 终端 消费 者 手中 的 有 力 推动 者 。 而 数据 收集 分 析 ， 恰 恰 能 让 其 更 好 地 帮助 经 
销 商 提高 售 馨 率 。 


“我 们 与 经 销 商 伙伴 展开 了 更 加 紧密 的 合作 ， 以 统计 到 更 为 确切 可 靠 的 终端 消费 数据 ， 有 效 帮助 我 们 重新 定义 了 产品 供给 组 合 ， 从 而 使 我 们 在 适当 的 时 机 ， 将 符合 消费 者 口味 的 产品 投放 到 相应 的 区 域 
市 场 。 一 方面 降低 了 他 们 的 库存 ， 另 一 方面 增加 了 单 店 销售 率 。 卖 得 更 多 ， 售 专 率 更 高 ， 也 意味 着 利润 更 高 。” 阿 迪 达 斯 大 中 华 区 董事 总 经 理 对 大 数据 的 应 用 成 果 颇 为 满意 。 


3.10.1 模块 构成 


电子 商务 相关 的 数据 分 析 模块 包含 九 部 分 ， 如 图 3-99 所 示 。 


图 3-99 ”电子 商务 数据 分 析 主 要 的 九 部 分 


当然 根据 网 站 运营 的 需要 ， 可 能 还 需要 对 模块 进行 细 分 ， 在 此 就 不 再 歼 述 了 。 


下 面 介 绍 一 下 图 3-99 九 个 部 分 中 一 些 数据 的 含义 及 计算 方法 。 


(1) 浏览 量 (PV) 


浏览 量 为 流量 评估 统计 中 的 数据 。 浏 览 量 是 网 站 所 有 页 面 被 点 击 的 总 次 数 。 一 个 IP 点 击 N 次 ， 按 N 次 统计 。 从 技术 层面 讲 ， 指 浏览 器 加 载 网 页 的 次 数 总 和 。 


(2) 访客 数 (UV: Unique Visitor) 


访客 数 为 流量 评估 统计 中 的 数据 。 如 果 你 统计 访客 数 的 时 间 限制 为 一 天 ， 那 么 一 天 内 同一 台 计 算 机 的 访问 只 能 算 一 次 。 访 客 数 是 统计 访问 你 网 站 的 人 数 ， 而 不 是 访问 次 数 。 从 技术 层面 上 讲 ， 


Cookie 


来 确定 绝对 唯一 访问 者 ， 而 不 是 IP。 办 公 室 内 N 台 电脑 访 问 ， 虽 然 同一 个 IP， 统 计时 ， 按 N 次 算 。 同 一 个 电脑 访问 ， 即 使 |P 换 了 ， 但 计算 机 没 换 ， 按 一 次 算 。 以 上 统计 ， 时 间 可 以 选择 。 比 如 ， 统 计 近 30 天 内 


本 站 的 绝对 唯一 访问 者 ， 不 管 某 用 户 在 这 30 天 内 访问 了 多 少 次 ， 只 要 他 用 同一 个 计算 机 (保存 着 Cookie) 就 只 算 一 次 。 


(3) 转化 率 


转化 率 为 流量 评估 统计 中 的 数据 。 它 指 产 生 实际 消费 的 客户 和 来 到 网 站 的 总 客户 数量 的 比值 ， 是 将 流量 转化 为 实际 的 销售 额 的 一 种 衡量 方式 。 成 交 转化 率 = 成 交 客户 数 /总 访客 数 。 


(4) 平均 访问 深度 


平均 访问 深度 为 流量 评估 统计 中 的 数据 。 它 是 指 


那么 如 何 提高 自己 网 站 的 访问 深度 呢 ? 具 体 可 以 


户 在 一 次 浏览 你 的 网 站 的 过 程 中 浏览 了 你 网 站 的 页 数 ， 就 是 PV 和 UV 的 比值 ， 这 个 比值 越 大 ， 用 户 体 验 度 越 好 ， 网 站 的 黏 性 也 越 高 。 


: 第 一 点 : 网 站 合理 的 排版 和 布局 。 如 果 你 的 网 站 的 结构 简 尘 明了， 用户 看 到 后 感觉 很 舒服 ， 自 然 愿 意 多 在 你 网 站 停留 一 段 时 间 了 。 


“第 二 点 : 网 站 的 内 容 。 总 的 来 说 ， 就 算 你 的 版 面 如 何 的 让 人 喜欢 ， 但 是 用 户 却 无 法 在 你 的 网 站 上 获得 有 用 的 信息 ， 那 么 用 户 也 不 会 在 上 面 浪费 时 间 。 
“ 第 三 点 : 合理 的 导航 和 适当 的 内 部 链接 锚 文本 。 导 航 是 很 重要 的 ， 它 能 让 用 户 从 任何 页 面 都 能 够 很 轻易 地 回 到 其 他 想 去 的 页 面 。 
(5) 网 站 人 均 停留 时 间 
网 站 人 均 停留 时 间 为 流量 评估 统计 中 的 数据 。 它 是 指 每 位 访问 者 平均 在 网 站 上 停留 了 多 少时 间 ， 平 均 网 站 停留 时 间 = 网 站 总 停留 时 间 / 会 话 的 数量 ( 访 次 ) 。 


(6) 页 面 跳 失 率 


页 面 跳 失 率 为 流量 评估 统计 中 的 数据 。 它 是 指 访客 到 达 该 目标 页 面 ， 到 达 后 没有 继续 访问 该 网 站 其 他 页 面 既 离 开 ， 我 们 就 称 之 为 一 次 Bouncel 也 就 是 跳 失 了 。 ( 跳 失 率 = 浏览 了 该 页 面 就 离开 的 访问 次 
页 面 的 全 部 访问 次 数 。) 数值 越 小 代表 网 站 可 能 越 受 欢迎 或 者 网 站 的 产品 更 符合 客户 需要 ， 客 户 更 愿意 访问 更 多 的 页 面 ， 反 之 说 明 越 不 受 欢迎 。 


数 /i 


于 


(7) 下 单 商品 数 


tt 


下 单 商品 数 为 商品 评估 统计 中 的 数据 。 它 是 指 订单 中 商 


B20 
中 


的 售 出 数量 。 


El 


(8) 商品 下 单 量 


商品 下 单 量 为 商品 评估 统计 中 的 数据 。 它 是 指 包含 该 商品 的 所 有 订单 数量 。 


(9) 窜 单 价 (per customer transaction) 


客 单价 为 交易 评估 统计 中 的 数据 。 它 是 指 一 定时 期 内 网 站 每 一 个 会 员 平 均 购买 商品 的 金额 ， 即 平均 交易 金额 。 客 单价 = 销售 总 额 /顾客 总 数 ， 或 者 是 客 单价 = 销售 总 金额 /成 交 总 笔 数 。 采 取 后 者 算法 的 比 
较 普遍 。 客 单价 的 本 质 是 : 在 一 定时 期 内 ， 每 位 顾客 消费 的 平均 价格 ， 离 开 了 “一 定时 期 ”这 个 范围 ， 客 单价 这 个 指标 是 没有 任何 意义 的 。 


(10) 重复 购买 率 


重复 购买 率 为 客户 评估 统计 中 的 数据 。 它 是 指 消费 者 对 该 产品 或 者 服务 的 重复 购买 次 数 ， 重 复 购 买 率 越 高 ， 则 反映 出 消费 者 的 忠诚 度 就 越 高 ， 反 之 则 越 低 。 重 复 购 买 率 有 两 种 计算 方法 : 一 种 算法 是 所 
有 购买 过 产品 的 顾客 ， 以 每 个 人 为 独立 单位 重复 购买 产品 的 次 数 ， 比 如 有 10 个 客户 购买 了 产品 ，5 个 产生 了 重复 购买 ， 则 重复 购买 率 为 50%; 另 一 种 算法 是 ， 单 位 时 间 内 ， 重 复 购买 的 总 次 数 占 比 ， 比 如 10 
个 客户 购买 了 产品 ， 中 间 有 3 个 人 有 了 二 次 购买 ， 这 3 人 中 的 1 个 人 又 有 了 三 次 购买 ， 则 重复 购买 次 数 为 4 次 ， 重 复 购买 率 为 40%。 推 荐 企业 采取 第 一 种 算法 。 重 复 购买 率 又 可 以 细 化 为 二 次 购买 率 、 三 次 购买 


率 .…。 二 次 购买 率 即 购买 了 二 次 商品 的 客户 占 总 购买 客户 的 比例 。 三 次 购买 率 即 购买 了 三 次 商品 的 客户 占 总 购买 客户 的 比例 。 


3.10.2 ”设计 思路 


做 数据 分 析 ， 要 先 从 商业 角度 出 发 ， 看 到 底 需 要 完成 什么 样 的 商业 目标 ， 再 回头 制定 数据 分 析 过 程 。 将 数据 加 工 处 理 成 信息 ， 最 后 转化 为 运营 的 依据 。 


1 数据 本 身 的 设计 原则 


(1) 要 有 总 体 的 概念 


网 站 的 分 析 数 据 有 时 候 只 需要 展示 一 些 总 体 的 数据 ， 直 观 明 了 地 显示 出 来 ， 对 于 只 需要 了 解 大 致 情况 的 人 员 ， 在 很 多 时 候 只 需要 查看 这 些 常规 的 总 体 数据 就 可 以 了 。 


例如 ShopNC B2B2C 电 商 平台 中 就 设置 了 商城 总 体 数据 展示 页 面 ， 如 图 3-100 所 示 。 


“ 销售 总 体 信 息 : 包括 下 单 金额 、 下 单 量 、 平 均 客 单价 。 
“ 商品 总 体 信息 : 包括 下 单 商品 数 、 商 品 平均 价格 、 新 增 商品 数 、 商 品 总 数量 、7 日 内 商品 销售 TOP30。 
“ 客户 总 体 信息 : 包括 会 员 总 数 、 新 增 会 员 数 、 下 单 会 员 数 。 


“店铺 总 体 信息 : 包括 店铺 总 数 、 新 增 店铺 数 、7 日 内 店铺 销售 TOP30。 
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下 单 芝 烽 合 
205860.00 元 


下 单 商品 数 全 
1500 


下 单 呈 合 
1250 


新 增 会 员 四 会 员 数 量 卓 
20 90000 


新 塌 商 吨 合 两 足 数量 目 
115 23000 


2014-04-02 销 售 未 势 


7 日 内 启 铺 销 告 TOP30 @ 


店 寻 各 入 


当然 根据 运营 的 具体 需 


(2) 统计 要 细致 到 一 点 


一 种 统计 也 许 只 是 展现 了 某 种 现象 的 一 点 ， 有 时 得 出 某 个 运营 结论 需要 由 很 多 统计 数据 得 到 的 各 个 点 组 成 ， 所 以 做 统计 要 从 全 


某 个 地 区 等 。 


(3) 定期 数据 分 析 


还 有 其 他 的 总 体 数据 ， 比 如 网 站 总 浏览 量 、 


7 日 内 商品 稍 人 告 TOP30 @ 


奈 号 


1 


丙 秋 会 称 

去 半 撤 语 式 奸 宇 次 针织 衫 玫 衫 女装 至 富 茎 色 

大 笛 扩 启 式 顶尖 软 针 i 祖 开 衫 女 区 声 扎 二 色 

正 局 2014 天 凌 中 和 殖 女 锈 论 针织 衫 开衫 外 委 到 过 动 至 色 


狗 铺 的 口交 礼 杞 之 于 ~ 天 交 下 了 列 响 吴 古 牛仔 衬衫 浅 色 和 牛仔 S 
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访问 量 、 点 击 率 等 ， 在 此 就 不 一 一 效 述 了 。 


局 考虑 ， 然 后 落实 到 每 个 分 点 去 实现 。 要 细致 到 某 个 会 员 、 某 个 时 间 点 、 


做 好 电子 商务 网 站 的 运营 ， 需 要 做 各 种 分 析 和 报表 、 定 期 展示 、 对 比 网 站 数据 和 运 莒 数据。 对 于 大 部 分 CEO 来 说 ， 周 期 的 销量 增长 量 可 能 是 他 们 最 为 关心 的 数据 分 析 。 


“同比: 同比 就 是 今年 第 n 月 与 去 年 第 n 月 比 。 同 比 发 展 速 度 主 要 是 为 了 消除 季节 变动 的 影响 ， 用 以 说 明 本 期 发 展 水 平 与 去 年 同期 发 展 水 平 对 比 而 达到 的 相对 发 展 速 度 


去 年 6 月 等 。 其 计算 公式 为 : 同比 发 展 速度 = 本 期 数 / 去 年 同期 数 X100%; 同比 增长 速度 二 (本 期 数 


环比: 环比 就 是 报告 期 与 前 一 统计 时 间 段 比较 。 环 比 的 发 展 速 度 是 报告 期 水 平 与 前 一 时 期 水 平 之 比 ， 表 明 现 象 逐 期 的 发 展 速度 。 例 如 今年 7 月 份 与 今年 6 月 份 相 比较 
上 期 数 ) X100%; 环比 增长 率 二 (本 期 数 一 上 期 数 ) /上 期 数 X100%， 反 映 本 期 比 上 期 增长 了 多 少 ; 环比 发 展 速 度 ， 一 般 是 指 报告 期 水 平 与 前 一 时 期 水 平 之 比 ， 表 明 现 象 逐 期 的 发 展 速 度 。 


(本 期 数 /J 


(4) 重视 日 常 运营 数据 


我 们 不 需要 等 到 所 有 的 数据 准备 好 了 再 做 数据 分 析 ， 可 以 从 有 限 的 数据 开始 分 析 。 


能 够 得 到 更 加 有 价值 的 数据 。 在 电子 商务 网 站 上 大 量 的 数据 分 析 都 是 需要 以 日 志文 件 作为 基础 的 。 所 以 在 进行 数 
面 数 、 平 均 停留 时 间 、 跳 出 率 、 商 品 被 收藏 次 数 等 ， 都 可 以 作为 分 析 页 面 信息 和 商品 信息 是 否 受 欢迎 的 数据 依据 。 


汪 


(5) 数据 应 具有 实时 性 


传统 的 数据 分 析 技术 往往 分 析 起 来 要 进行 批 处 理 ， 要 半天 、 一 天 甚至 好 几 天 的 时 间 才 能 出 结果 。 现 在 的 互联 网 
跑 掉 了 ， 所 以 半天 、 一 天 甚至 几 天 的 时 间 出 结果 ， 这 样 的 速度 对 于 互联 网 就 是 灾难 了 。 


2. 业 务 层次 的 设计 原则 


业务 层次 的 设计 原则 应 该 遵循 以 下 几 点 。 


慨 深 入 剖析 业务 


(1) 


电子 商务 网 站 的 运营 需 


多 种 岗位 的 配合 才能 完成 。 而 每 个 岗位 关心 的 数 
层 深入 的 设计 方法 ， 以 便于 管理 层 从 宏观 的 角度 了 解 运营 情况 ， 而 底 
析 一 店铺 分 析 一 品牌 分 析 一 商品 、 会 员 的 分 析 ， 从 大 到 小 层 层 深入 进行 数 拉 


层 的 员工 具体 型 


去 年 同期 数 ) /去 年 同期 数 X100%。 


客户 每 次 的 点 击 、 浏 览 等 操作 ， 都 是 他 无 形 之 中 对 于 网 站 的 


。 如 本 期 2 月 比 去 年 2 月 ， 本 期 6 月 比 


。 其 计算 公式 为 : 环比 发 展 速 度 一 


此 数据 分 析 应 该 体现 实时 性 ， 达 到 需要 的 “ 快 ”， 及 时 的 


居 又 是 不 一 样 的。 比如 CEO 关 心 的 是 总 体 的 销售 情况 ， 采 购 关 心 的 是 哪 一 款 产品 好 卖 便 了 


户 打开 一 个 网 站 ， 往 往 只 浏览 几 分 钟 时 间 ， 如 果 几 分 钟 之 内 不 能 够 吸引 住 
反应 网 站 的 运营 现状 。 


反馈 。 如 果 能 够 结合 网 站 上 的 多 个 日 志 分 析 ， 综 合 起 来 就 
居 分 析 时 ， 一 定 要 重视 日 常 运营 中 的 数据 ， 抽 丝 剥 茧 提取 有 价值 的 信息 。 例 如 客户 平均 访问 


户 则 用 户 就 


及 时 补 货 。 所 以 数据 分 析 应 该 采取 层 


各 个 细 分 环节 了 解 运营 情况 。 从 宏观 到 细节 层 层 深 入 的 剖析 业务 。 如 图 3-101 所 示 ， 电 子 商务 网 站 数据 分 析 按 照 行业 分 
局 剖析 ， 再 细致 还 可 进行 服务 、 售 后 、 营 销 等 模块 的 分 析 ， 在 此 就 不 歼 述 了 。 


图 3-101 层 层 深入 进行 数据 分 析 


(2) 直观 易 慌 


字 不 如 表 ， 表 不 如 图 ， 最 好 的 数据 分 析 就 是 看 图 说 话 。 当 我 们 从 不 同 渠 道 获 取 数 据 的 时 候 ， 数 据 可 能 是 杂乱 无 章 的 ， 通 常 是 不 容易 看 出 规律 的 。 通 过 制作 图 形 和 报表 ， 往 往 可 以 找 出 隐 含 在 数据 中 的 规 
律 性 。 


“ 表示 变化 趋势 用 折线 图 : 以 折线 的 上 升 或 下 降 来 表示 统计 数量 的 增 减 变 化 的 统计 图 ， 叫 作 折 线 统计 图 。 折 线 变化 幅度 越 大 ， 数 量 关系 变化 越 大 。 折 线 统计 图 不 仅 可 以 表示 数量 的 多 少 ,而 且 可 以 反映 
同一 事物 在 不 同时 间 里 的 发 展 变化 的 情况 ， 如 图 3-102 所 示 。 


订单 销售 额 


0 1 


订单 销售 额 统计 


国 
> 
> 


图 3-102 ”折线 图 示意 图 


图 3-102 展 示 的 是 昨天 和 今天 在 不 同时 间 段 内 的 销售 额 变化 情况 ， 横 坐标 是 小 时 ， 纵 坐标 是 订单 销售 额 。 可 以 非常 直观 地 看 出 时 间 段 内 销售 额 的 变化 幅度 和 对 比 昨天 和 今天 某 个 时 间 段 的 销售 额 情况 。 


: 简单 比较 用 柱状 图 : 柱状 图 ， 也 称 条 图 、 长 条 图 、 条 状 图 ， 是 一 种 以 长 方形 的 长 度 为 变量 的 表达 图 形 的 统计 报告 图 ， 由 一 系列 高 度 不 等 的 纵向 条 纹 表示 数据 分 布 的 情况 ， 可 以 从 直观 上 看 出 在 同一 维 
度 上 多 个 数据 的 变化 和 对 比 ， 如 图 3-103 所 示 。 


3 


图 3-103 为 商品 销量 排名 柱状 图 ， 横 坐标 是 次 序 ， 纵 坐标 是 商品 售 出 数 。 可 以 很 容易 看 出 商品 的 销量 及 其 差额。 


用 漏斗 图 


展示 流程 转化 率 : 3】 


图 3-103 ”柱状 图 示意 图 


届 斗 图 是 对 业务 流程 最 直观 的 一 种 表现 形式 ， 适 用 于 网 站 中 某 些 关键 流程 的 转化 率 分 析 ， 不 仅 显 示 了 在 进入 流程 到 实现 目标 的 最 终 转 化 率 ， 同 时 还 可 以 展示 整个 流程 中 每 


一 步 的 转化 率 ， 从 而 说 明 问 题 的 所 在 ， 客 户 从 进入 网 站 到 转化 为 忠实 客户 所 经 历 阶段 的 漏斗 图 如 图 3-104 所 示 。 


“ 表示 比例 最 好 用 饼 图 或 者 环形 图 : 饼 形 图 是 用 扇形 的 大 小 来 表示 数值 大 小 的 统计 图 。 它 主要 用 于 表示 总 体 中 各 组 成 部 分 所 占 的 比例 。 环 形 图 与 饼 图 类 似 ， 但 它们 之 间 也 有 区 别 。 环 形 图 中 间 有 一 
个 “空洞 ”， 总 体 或 样本 中 的 每 一 部 分 数据 由 环 中 的 一 段 表示 。 饼 图 只 能 显示 一 个 总 体 和 样本 各 部 分 所 占 的 比例 ， 而 环形 图 则 可 以 同时 绘制 多 个 总 体 或 样本 的 数据 系列 ， 每 一 个 总 体 或 样本 的 数据 系列 为 一 
个 环 。 因 此 环形 图 可 显示 多 个 总 体 或 样本 各 部 分 所 占 的 相应 比例 ， 从 而 有 利于 进行 比较 研究 ， 如 图 3-105 所 示 。 


客 尸 忠诚 度 转化 漏斗 


图 3-104 ”漏斗 图 示意 图 


店铺 等 级 统计 
五 星 : 4.5% \ 


四 星 : 9.1% 和 


三 星 : 13.6% 一 一 系统 默认 : 40.9% 


二 星 : 13.6% We 


一 星 : 18.2% | 


图 3-105 ”人 饼 图 示意 图 


图 3-105 为 各 店铺 等 级 下 的 店铺 占 所 有 店铺 比例 的 饼 图 。 通 过 扇形 的 大 小 很 容易 了 解 哪个 等 级 的 店铺 比较 多 。 


“ 表示 在 区 域 中 的 分 布 情况 用 统计 地 图 : 统计 地 图 是 用 图 表 、 图 形 表示 整个 制图 区 域 统计 数据 的 地 图 。 分 级 统计 地 图 按 行政 区 划 或 经 济 区 划 ， 以 不 同 的 颜色 或 玻 密 不 等 的 深 线 形象 地 反映 现象 相对 指标 
的 同一 性 和 差异 性 ， 以 分 析 它 们 在 自然 区 域 中 的 分 布 特征 。 主 要 表现 各 种 现象 的 特征 、 规 模 、 水 平 结构 、 地 理 分 布 、 相 互 依存 关系 及 其 发 展 趋势 ， 如 图 3-106 所 示 。 


内 蒙古 ， 无 订单 


图 3-106 ”统计 地 图 示意 图 


图 3-106 用 不 同 的 颜色 表示 电子 商务 网 站 的 销售 额 在 各 区 域 的 分 布 情况 ， 比 如 红色 代表 销售 额 第 一 、 粉 色 代表 销售 额 第 二 、 桶 色 代 表 销 售 额 第 三 等 。 这 样 能 更 容易 地 分 析 销 售 额 在 哪个 区 域 比较 高 ， 销 
售 额 高 的 区 域 将 是 重点 服务 的 区 域 ， 使 服务 更 有 针对 性 。 


3 .模块 设计 的 设计 原则 


由 于 统计 模块 在 电子 商务 平台 中 是 一 个 相对 独立 的 模块 ， 跟 其 他 模块 的 逻辑 流程 没有 紧密 的 联系 ， 并 且 统 计 模块 伴随 着 系统 地 不 断 完善 和 数据 量 地 逐渐 增加 ， 可 以 考虑 独立 成 为 一 套数 据 分 析 系 统 或 者 
应 用 到 别 的 系统 中 去 ， 也 为 了 当 其 他 模块 的 逻辑 流程 改变 时 不 会 牵连 到 统计 模块 ， 所 以 要 求 统计 模块 设计 应 遵循 以 下 三 条 原则 。 


(1) 可 移植 性 


利用 MVC 的 设计 思想 、 设 计 方 法 及 成 熟 的 技术 ， 婚 要 保证 统计 模块 运行 的 稳定 性 ， 又 要 具有 良好 的 可 移植 性 ， 因 此 要 求 统计 模块 功能 脱离 电子 商务 平台 的 其 他 逻辑 流程 独立 存在 。 所 以 系统 中 增加 了 一 
个 过 滤器 ， 当 系统 为 需要 移植 时 ， 只 需要 增加 一 个 过 滤器 ， 并 对 模块 代码 稍 加 修改 ， 就 可 以 完成 系统 的 移植 ， 从 而 节省 大 量 的 时 间 ， 降 低 了 移植 过 程 中 出 错 的 可 能 。 


(2) 扩展 性 
随 着 业务 、 用 户 需求 的 变化 ， 统 计 模 块 可 以 在 不 改变 原 有 代码 的 基础 上 比较 容易 的 添加 新 的 功能 。 
(3) 简便 性 和 直观 性 


使 用 者 无 须 计 算 机 基础 ， 只 要 点 击 相关 按钮 就 能 得 到 想 要 的 相关 图 表 信息 。 


(4) 缓存 的 运用 


统计 模块 除了 一 般 的 数据 显示 外 ， 还 有 更 多 的 统计 运算 等 复杂 操作 ， 并 且 很 多 流程 需要 频繁 操作 数据 库 ， 为 了 提高 系统 运行 效率 ， 需 要 建立 缓存 ， 把 查询 结果 缓存 起 来 ， 下 次 查询 时 就 可 以 不 再 查询 数 
据 库 ， 直 接 从 缓存 中 将 以 前 查询 的 结果 提取 出 来 。 


4 数据 表 的 设计 原则 


统计 模块 跟 其 他 类 型 的 模块 相 比 对 于 数据 上 的 操作 不 太一 样 ， 它 除了 一 般 检 索 外 ， 还 需要 支持 大 量 的 统计 运算 和 其 他 特有 的 操作 。 所 以 在 设计 统计 数据 表 的 时 候 有 别 于 其 他 模块 的 数据 表 。 要 求 统计 模 
块 数据 表 设 计 应 遵循 以 下 三 条 原则 。 


(1) 多 建立 缓存 数据 表 


统计 功能 中 显示 的 数据 例如 商品 销量 、 订 单 量 等 ， 都 是 可 以 通过 相关 功能 涉及 的 数据 表 得 到 这 些 数据 ， 但 是 为 了 统计 模块 的 可 移植 性 更 好 ， 也 为 了 查询 更 快 ， 建 议 应 该 多 建立 相关 数据 的 缓存 表 。 比 如 
会 员 相 关 的 消费 总 金额 、 预 存款 总 金额 等 数据 可 以 经 过 处 理 后 ， 存 入 缓存 表 ， 这 样 当 统 计 模 块 移植 的 时 候 不 会 涉及 其 他 功能 模块 ， 移 植 起 来 更 容易 。 大 大 提高 了 它 的 可 移植 性 。 


(2) 字段 简洁 ， 减 少 复杂 判断 


有 时 为 了 得 到 一 个 统计 数据 可 能 需要 复杂 的 处 理 ， 使 构造 的 SQL 语句 比较 复杂 ， 执 行 效率 很 低 ， 当 数据 达到 一 定 级 别 ， 则 系统 会 相当 的 缓慢 ， 所 以 在 设计 数据 表 字 段 的 时 候 要 尽量 简洁 ， 不 要 使 以 后 构 
造 的 SQL 语句 过 于 复杂 ， 比 如 在 统计 订单 相关 数据 的 时 候 ， 可 能 需要 判断 订单 是 否 有 效 ， 这 样 就 需要 判断 订单 是 否 付款 、 订 单 是 否 取消 等 多 个 字段 从 而 达到 此 订单 是 否 有 效 的 结论 ， 使 得 SQL 语句 比较 复 
杂 , 我 们 可 以 采取 在 数据 表 中 建立 一 列 “order isvalid” 表 示 订 单 是 否 有 效 ， 然 后 用 任务 程序 在 后 台 处 理 得 到 该 字段 的 值 ， 那 么 当 查 看 统计 功能 的 时 候 SQL 语 句 只 需要 判断 该 值 即 可 ， 执 行 效率 也 就 提高 
次 


(3) 必要 的 元 余 字 段 ， 减 少 联 查 


从 数据 表 设 计 精 简 的 角度 出 发 ， 统 计数 据 表 只 要 包含 了 核心 统计 数据 即 可 ， 我 们 就 可 以 通过 表 的 联 查 来 取 到 | 我们 想 要 的 信息 ， 但 这 样 会 大 大 增加 数据 库 查 询 压力 ， 所 以 必要 的 宛 余 字段 是 应 该 有 的 。 建 
议会 员 名 称 、 商 品名 称 、 商 品 图 片 、 店 铺 名 称 等 需要 显示 的 字段 都 要 包含 。 


综合 以 上 因素 ， 以 会 员 相 关 统计 数据 表 为 例 ， 表 关系 图 如 图 3-107 所 示 。 


统计 时 间 


图 3-107 会 员 相关 统计 数据 表 关 系 


会 员 相关 统计 数据 表 结 构 如 表 3-8 所 示 。 


表 3-8 会 员 相 关 统 计数 据 表 结构 


member id 人 否 [ | 会 员 ID 
member name 否 | | 会 员 名 称 
i i 全 
updatetime 合 0 | 记录 更 新 时 间 
predincrease decimal(10.2) 否 00 | 预存 款 增 加 金额 
predreduce decimal(10.2) 否 0 | 预存 款 减 少 金 祷 


的 查询 一 张 表 即 可 实现 


mh 


如 表 3-8 所 示 ， 这 样 在 显示 会 员 统计 信息 的 时 候 ，“member_name” 为 匈 余 字 段 , 而 “ordernum”、“orderamount” 等 字段 的 值 已 经 预先 计算 好 缓存 在 表 中 ， 就 只 需 简 


复杂 的 统计 数据 显示 。 


3.10.3 ”代码 实现 


统计 模块 的 代码 主要 实现 了 统计 数据 的 图 表 展示 功能 ， 主 要 由 统计 模型 类 、 控 制 器、 模板 输出 、 日 期 处 理 类 、 统 计 方 法 处 理 类 和 计划 任务 组 成 。 下 面 介绍 一 下 主要 的 代码 片段 。 


1. 基 本 方法 


(1) 统计 图 表 及 数据 处 理 方法 类 


统计 功能 


网 


表 的 展示 是 很 重要 的 一 部 分 ， 简 单 灵活 的 构造 统计 图 表 是 很 关键 的 。 这 样 可 以 使 代码 简洁 且 减 少 开发 时 间 。 代 码 清单 3-33 简 单 地 介绍 了 几 种 构造 统计 图 表 的 方法 和 一 些 其 他 的 统计 数据 处 


re 


代码 清单 3-33 ”统计 图 表 及 数据 处 理 方法 类 代码 


Ar 
* 获 得 环比 值 
* param float Supdata 上 期 数 
* param float $currentdata 本 期 数 
* returnfloat 环比 值 
x 
# 
function getHb($updata, $currentdata){ 
if($updata != 0){ 
$mtomrate = round( ($currentdata - $updata)/$updata*100, 2).'%'; 
} else { 
Smtomrate = '-'; 


return $mtomrate; 
hs 
* 获 得 同比 值 | 
* param float Supdata 上 期 数 
* param float $currentdata 本 期 数 
* returnfloat 同比 值 
wf 
function getTb($updata, $currentdata){ 
if($updata != 0){ 
$ytoyrate = round( ($currentdata - $updata)/$updata*100, 2).'%'; 
} else { 
$ytoyrate = '-—'; 


return $ytoyrate; 
po 
* 获 得 地 图 统计 图 数据 有 
* param array $stat_arr 图 表 需 要 的 设置 项 
二 人 构造 图 表 需 要 的 Json 数 据 ， 将 该 Json 传 递 给 特定 JS 处 理 类 得 到 统计 地 图 
* 返回 值 例如 : 
*[{"cha":1, "name":"\u5317\u4eac", "des":"\uff0Oc\u65e0\u8ba2\u5355\u6570\u636e", "color":"#25aae2"}, {"cha":2, "name":"\u5929\u6d25", "des":"\uffOc\u65e0\u8ba2\u5355\u6570\u636e", "cc 
eA 
function getStatData Map($stat arr){ 
$color arr = array('#fd0b07', '#ff£9191', '#f7bal7', '#fef406', '#25aae2'); 
$stat arrnew = array(); 
foreach ($stat arr as $k=>$v){ 
$stat arrnew[] = array('cha'=>$v['cha'], 'name'=>$v['name'],'des'=>$v['des'], 'color'=>$color arr[$v['level']]); 
} 


return json encode ($stat arrnew); 


(2) 日 期 处 理 方法 类 


对 于 统计 时 间 的 处 理 有 时 候 也 是 有 很 多 技巧 的 ， 时 间 处 理 的 好 ， 实 际 操作 者 使 用 很 简便 ， 并 且 代 码 写 起 来 也 比较 优雅 ， 所 以 统计 一 般 是 针对 某 个 时 间 段 进行 的 数据 展示 。 代 码 清单 3-34 介 绍 了 一 些 自 定 
义 的 时 间 处 理 方法 。 


代码 清单 3-34 ”日 期 处 理 方法 类 代码 


太太 
* 获 得 系统 年 份 数组 。 | 
* return array 系统 统计 可 用 年 份 数组 
uF 
function getSystemYearArr (){ 
$year arr = 
array ('2010'=>'2010"', '2011'=>'2011','2012'=>'2012', '2013'=>'2013','2014'=>'2014', 
'2015'=>'2015"', '2016'=>'2016','2017'=>'2017', '2018'=>'2018', '2019'=>'2019', '2020' =>'2020'); 
return S$year arr; 
} 
EE 
* 获 得 系统 月 份 数组 
* return array 系统 统计 月 份 数 组 
«Af 
function getSystemMonthArr(){ 
$month arr = 
array ('1'=>'01",'2'=>'02','3'=>'03','4'=>'04','5'=>'05', 
'6'=>'06','7'=>'07','8'=>"'08','9'=>"'09"','10'=>"'10"','11'=>"'11','12'=>'12'); 
return $month arr; 
J 
* 获 得 系统 周 数组 | 
* return array 系统 统计 周 数组 
ei 
function getSystemWeekArr () 
S$week arr = array(' 
return S$week arr; 


{ 
11=>! 周 一 1，121=>! 周 二 '，131=>! 周 三 '，141=>! 周 四 '，'51=>! 周 五 '，161=>! 周 六 '，171'=>! 周 日 '); 
} 


Ee 

* 获 得 某 月 的 最 后 一 天 

* param int $year 年 份 

* param int $month 月 份 

* return int 某 月 的 最 后 一 天 时 间 截 

* 

7 

function getMonthLastDay ($year, $month){ 
$t = mktime (0, 0, 0, $month + 1, 1, $year); 
St =$t— 60* 60*24; 
return St7 

7 

* 获 得 某 月 的 周 数 组 ， 第 一 周 不 足 的 需要 补足 

* param int $current_year 年 份 

* param int $current month 月 份 

* return array 某 月 的 周 数组 


A 
function getMonthWeekArr ($current year, $current month){ 
// 该 月 第 一 天 
$firstday = strtotime ($current year.'-'.$current month.'-01'); 


// 该 月 的 第 一 周 有 几 天 
$firstweekday = (7 - date('N', $firstday) +1) 7 
// 计 算 该 月 第 一 个 周一 的 时 间 


$starttime = $firstday-3600*24* (7-$firstweekday); 


// 该 月 的 最 后 一 天 


$lastday = strtotime ($current year.'-'.$current month.'-01'." +1 month -1 day"); 


// 该 月 的 最 后 一 周 有 几 天 

$lastweekday = date('N', $lastday); 

// 该 月 的 最 后 一 个 周末 的 时 间 

$endtime = $lastday-3600*24*$lastweekday; 
$step = 3600*24*7;// 步 长 值 

Sweek arr = array(); 


for ($i=$starttime; $i<$endtime; $i= $i+3600*24*7){ 
Sweek arr[] = array('key'=>date ('Y-m-d', $i).'|'.date('Y-m-d', $i+3600*24*6), 'val'=>date('Y-m-d',$i).'~'.date('Y-m-d',$i+3600*24*6)); 


} 
return S$week arr; 


} 


六 
* 获 得 本 周 的 开始 时 间 和 结束 时 间 

* param int $current _ time 年 份 

* return array 本 周 的 开始 时 间 和 结束 时 间 
i 

function getWeek SdateAndEdate ($current time){ 


$current time = strtotime (date('Y-m-d', $current time)); 


$return arr ['sdate'] 
$return arr['edate'] 
return $return arr; 


date('Y-m-d', Scurrent time-86400* (date('N', $current time) - 1)); 
date('Y-m-d', $current time+86400*(7- date('N', $current time) 3 


3 


电子 商务 运营 期 间 有 一 些 数 据 是 非常 重要 且 需 
据 。 

2. 挖 掘 老 客户 价值 

二 八 定律 说 的 是 企业 80% 的 业务 收入 通常 来 自 于 20% 的 客户 。 带 来 一 个 新 客 
度 ， 继 而 增加 客户 对 于 网 站 的 整体 贡献 值 变 得 非常 重要 。 只 有 有 效 地 提高 每 个 客 


客 


2. 制 作 统计 页 面 


上 面 已 经 介绍 完了 统计 使 用 到 的 基本 方法 ， 接 下 来 简单 介绍 一 下 制作 统计 页 面 的 基本 流程 。 


步骤 一 : 处 理 图 表 数 据 。 


大 大 


2 会 员 统 计 


public function newmemberOp (){ 
if (!$this->search arr['search type']){ 
$this->search arr['search type'] = 'day'; 
} 
$model = Model ('stat'); 
$statlist = array() ;// 统 计数 据 列表 
$stat_arr= array() ;// 统 计 图 参数 数组 


S$where = array(); 


$field = ' COUNT(*) as allnum !7 
//…. 此 处 为 查询 数据 和 构造 统计 参数 的 过 程 
// 计 算 同 比 
foreach ((array) $currlist arr as $k=>$v){ 
$tmp = array(); 
$tmp['timetext'] = $v['timetext']; 
$tmp['seartime'] = $v['stime'].'|'.$v['etime']; 
$tmp['currentdata'] = $v['val']; 
$tmp['updata'] = $uplist arr[$k]['val']; 
$tmp['tbrate'] = getTb($tmp['updata'], $tmp['currentdata']); 
$statlist['data'] [] = $tmp; 
} 
//… 导 出 Excel 
if ($ GET['exporttype'] == 'excel'){ 
/7 导出 Excel 
exit(); 
} else { 
// 得 到 统计 图 数据 
$stat arr['title'] = ' 新 增 会 员 统 计 '; 
$stat arr['yAxis'] = ' 新 增 会 员 数 '; 


$stat Json = getStatData LineLabels ($stat arr); 


Tpl::output ('stat json', $stat json); 
Tpl::output ('statlist', $statlist); 
Tpl: :showpage ('stat .newmember'); 

} 


步骤 二 : 页 面 输出 图 表 。 


<div id="container"></div> 


<script type="text/javascript"src="highcharts/highcharts.js"></script> 


<script> 

$ (function () { 
$ ('#container') 
Hs 

</script> 


10.4 功能 体验 


本 节 将 介绍 部 分 统计 功能 并 简单 介绍 一 下 它 的 使 用 方式 。 


1. 总 体 数据 快捷 展示 


.highcharts (<?php echo$output['stat json'];?>); 


经 常 查 看 的 ， 为 此 一 般 统计 功能 中 会 设置 一 个 总 体 数据 展示 的 页 面 ， 便 于 快速 查看 这 些 数 据 ， 如 


网 


3-108 所 示 ， 展 示 了 一 些 订单 、 客 户 、 商 品 等 统计 数 


的 成 本 是 维护 好 一 个 老 客户 的 3~5 倍 ， 当 网 站 成 功 地 把 一 个 访客 转化 成 一 个 客户 之 后 ， 如 何 提高 这 个 客户 对 于 网 站 的 忠诚 
的 消费 ， 才 能 快速 提升 电子 商务 网 站 的 整体 收入 。 通 过 Web 数 据 挖掘， 我 们 可 以 发 现 客户 通常 在 什么 样 的 时 间 段 内 下 单 ， 


户 一 般 能 承受 的 每 单价 格 是 多 少 ， 哪 位 是 我 们 最 重要 的 客户 ， 


大 客户 的 主要 分 布 


区 域 ， 客 户 喜欢 什么 样 的 商品 等 ， 以 便 对 其 进行 个 性 化 营销 和 人 性 化 关怀 。 下 面 我 们 看 一 些 例子 。 


[ 


3-109 展 现 了 订单 量 在 各 个 时 间 段 的 分 布 情况 ， 我 们 可 以 清晰 的 了 解 ， 客 户 喜好 的 下 单 时 间 ， 从 而 合理 的 安排 客服 工作 时 间 ， 提 高 工作 效率 。 在 最 佳 的 时 间 为 客户 提供 最 优 的 服务 ， 使 效益 最 大 化 。 


最 近 30 天 销售 走势 


| 
| 
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图 3-108 ”总 体 数据 快捷 展示 页 面 


购买 时 段 分 布 


图 3-109 购买 时 段 分 布 情况 展示 页 面 


图 3-110 展 现 了 各 个 下 单 次 数 的 会 员 数 和 占 整体 下 单数 的 比例 ， 从 而 分 析 新 会 员 和 老 会 员 在 销售 中 的 比重 ， 比 如 购买 1 次 的 会 员 数 占 比 为 60%， 说 明 网 站 的 主要 消费 群体 为 新 客户 ， 客 户 的 复 购 频率 低 ， 
需要 思考 如 何 提高 客户 黏 性 ， 什 么 原因 造成 的 客户 黏 性 低 ， 如 何 让 客户 不 得 不 再 次 购买 ， 是 产品 质量 需要 提高 还 是 服务 、 售 后 需要 提高 ， 能 够 有 针对 性 地 改善 ， 从 而 事半功倍 的 提升 效益 。 


图 3-110 ”购买 频次 分 析 展 示 页 面 


电子 商务 很 重要 的 一 点 就 是 突破 了 区 域 的 限制 ， 电 子 商 务 网 站 的 客户 群 更 是 人 遍布 全 国 。 中 国 幅 员 辽 阔 ， 每 个 区 域 的 客户 都 有 其 特有 的 特点 ， 例 如 由 于 气候 和 习惯 的 不 同 ， 冬 季 北 方 的 客户 可 能 需要 羽绒 
服 ， 而 南方 的 客户 可 能 就 不 需要 ， 所 以 针对 不 同 区 域 的 客户 进行 不 同 的 营销 显得 意义 重大 。 而 这 点 的 基础 是 先 了 解 自己 的 重点 客户 群 在 哪个 区 域 。 如 图 3-111 所 示 ， 用 不 同 的 颜色 显示 了 不 同 区 域 的 客户 数 
多 少 ， 这 样 可 以 一 目 了 然 地 了 解 自己 的 重点 客户 群 的 区 域 分 布 情况 ， 进 行 针 对 性 营销 。 
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图 3-111 客户 下 单 区 域 分 布 页 面 


电子 商务 运营 的 时 候 常 常 出 现 的 一 个 问题 就 是 ， 谁 是 我 们 的 重点 客户 ， 提 高 服务 质量 显然 不 能 丑 毛 胡子 一 把 抓 ， 这 样 不 仅 服务 提升 不 了 还 会 降低 客服 人 员 的 积极 性 。 了 解 自己 的 大 客户 在 哪 ， 有 针对 性 
地 提供 服务 ， 是 一 个 事半功倍 的 办 法 。 图 3-112 中 列 出 了 客户 的 消费 数据 ， 清 晰 地 显示 了 谁 才 是 重点 客户 ， 需 要 重点 服务 。 


3. 客 户 需要 什么 商品 


124.00 
30025900 
10130.00 


99.00 


图 3-112 ”客户 消费 数据 列表 


留 住 客户 ， 我 们 需要 更 懂 客 户 ， 分 析 客 户 需要 和 喜好 什么 商品 ， 针 对 客户 的 喜好 上 架 商品 。 这 样 不 仅 增加 了 销售 额 ， 还 可 以 防止 商品 消 销 造成 的 库存 积压 ， 这 对 于 商城 来 说 很 和 


于 商品 的 数据 分 析 。 


电子 商务 运营 的 时 候 都 要 有 自己 的 价格 定位 ， 什 么 价位 的 商品 好 卖 受 欢迎 ， 什 么 价位 利润 高 ， 都 需要 了 解 ， 才 能 更 好 地 增加 效益 。 图 
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3-113 展 示 了 各 价位 商品 的 销量 走势 。 


有 要。 下面 介绍 一 些 关 


价格 销量 分 布 


101-200 


201-300 401-500 501-600 


图 3-113 ”各 价位 商品 销量 走势 


图 


601-700 


701-800 


电子 商务 网 站 商品 很 多 ， 因 此 运营 时 必须 知道 哪 款 商 品 热 销 。 我 们 可 以 根据 销售 数据 和 访问 数据 找 出 热门 商品 ， 然 后 找到 合适 的 关键 字 和 广告 创意 与 该 热 销 商 品 形成 最 佳 组 合 ， 进 行 广告 投放 ， 带 来 更 


多 的 流量 和 订单 ， 让 热 销 商品 带动 整个 网 站 的 销售 。 图 


3-114 即 是 热 销 商品 的 展示 图 。 


图 3-114 ” 热 销 商品 排行 示例 


还 可 以 根据 客户 对 商品 的 浏览 次 数 ， 了 解 客户 比较 感 兴趣 的 商品 ， 并 在 此 页 面 增加 一 些 类 似 商品 推荐 ， 如 图 3-115 所 示 。 
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图 3-115 ”商品 访问 量 排 行 


4. 优 化 行业 结构 


对 于 经 营 范围 较 广 的 网 站 ， 比 较 行业 的 销售 情况 ， 哪 个 行业 销售 得 好 ， 需 要 增加 库存 和 推广 ， 哪 个 行业 出 现 了 灌 销 ， 需 要 减少 库存 ， 显 得 十 分 重要 。 电 子 商 务 网 站 有 其 擅长 运营 的 行业 ， 选 对 行业 则 会 


有 半 功 倍 ， 否 则 可 能 会 造成 库存 积压 ， 后 果 也 是 很 严重 的 。 从 很 多 的 真实 运营 实例 中 就 可 以 发 现 这 点 。 京 东 从 创业 之 初 聚焦 3C 类 商品 ， 到 后 来 扩充 品类 至 各 行业 ， 可 以 说 是 品类 齐全 ， 但 是 3C 类 商品 始终 是 


的 重点 。 因 为 这 是 它 销售 最 好 的 商品 、 是 平台 的 根基 。 下 面 介绍 几 种 针对 行业 的 统计 ， 从 不 同 层面 分 析出 热 销 行业 。 


图 3-116 展 现 了 各 个 行业 的 商品 平均 价格 、 销 售 情况 、 库 存量 及 洁 销 商品 数 ， 了 解 行业 的 基本 情况 ， 从 而 可 以 有 的 放 矢 地 优化 库存 商品 结构 。 


图 3-116 行业 情况 总 览 


商品 的 销量 高 只 可 以 证 明 销售 的 商品 多 ， 而 不 能 说 明 利润 高 ， 每 个 行业 都 有 其 销售 的 黄金 价格 ， 在 黄金 价格 区 间 商 品 的 利润 是 最 高 的 。 因 此 我 们 需要 分 析出 各 个 行业 的 黄金 价格 ， 将 商品 价格 定位 在 黄 
金价 格 区 间 中 ， 易 于 销售 。 图 3-117 展 示 了 女士 服装 在 各 个 价格 区 间 的 销售 走势 ， 从 中 可 以 简单 地 提取 出 黄金 价格 区 间 。 


行业 价格 分 布 (次 兰 价格 区 阿 ) 


行业 价格 下 单 金额 


101-200 201-300 301-400 401-500 501-600 601-700 E01-900 901-2000 


3-117 行业 价格 区 间 销 售 走势 


由 图 3-117 可 知 ，101~200 元 是 女士 服装 的 销售 黄金 价格 区 间 ， 因 此 应 该 将 该 品类 商品 的 价格 区 间 调 整 为 101~200 元 ， 并 主打 该 价格 区 间 的 商品 。 


5. 个 性 化 推荐 


个 性 化 推荐 系统 是 建立 在 数据 挖掘 基础 上 的 一 套 系统 ， 以 帮助 顾客 购物 提供 完全 个 性 化 的 决策 支持 和 信息 服务 为 目的 。 几 乎 所 有 的 海外 大 型 电子 商务 网 站 ， 包 括 亚马逊 和 EBAY ， 都 不 同 程度 地 使 用 了 各 
种 形式 的 推荐 系统 。 国 内 的 淘宝 、 京 东 等 商城 也 在 很 多 模块 体现 了 个 性 化 的 推荐 。 举 个 例子 ， 如 图 3-118 所 示 ， 在 京东 加 入 购物 车 成 功 的 提示 页 面 中 ， 经 常会 看 到 类 似 这 样 的 一 句 话 “购买 了 该 商品 的 用 户 
还 购买 了 ”， 这 句 话 的 下 面 会 展示 一 系列 的 商品 ， 这 就 是 最 普通 的 关联 商品 推荐 ， 通 过 对 所 有 客户 的 消费 记录 进行 分 析 ， 找 出 最 常见 的 商品 搭配 ， 并 以 此 来 推荐 。 


购买 该 商品 的 用 户 还 购买 了 
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¥129.00 


的 ( 忆 有 130 人 评 作 


加 入 购物 车 


谜 秀 2014 春 装 新 款 韩 版 简约 雪 纺 入 家 
¥99.00 上 EE 
(已 有 22 人 评价 ) 

加 入 购物 车 


迹 秀 2014 夏 装 上 新 韩版 优雅 印花 雪 续 
¥99.00 国 

(已 有 34 人 评价 ) 

加 入 购物 车 


许 秀 2014 春 装 新 款 秋 装 韩版 著 丝 花边 
¥79.00 
(已 有 62 人 评价 ) 

加 入 购物 车 


诗 秀 2014 间 夏装 新 孝 韩 版 蓝 丝 花边 沙 
¥69.00 四 时 

是 (已 有 260 人 评价 ) 

本 


迹 秀 2014 春 装 新 喜 韩 版 宽松 园 领 中 长 
¥129.00 县 [好 
但 有 63 人 评价 

加 入 购物 车 


图 3-118 ”购买 该 商品 的 用 户 还 购买 了 


EN 


(已 有 258 人 评价 ) 
加 入 购物 车 


THILL2014 春 夏 妇 装 大 裙 摆 半身 裙 波 
¥79.00 

(已 有 42 人 评价 ) 

| 加 入 购物 车 


谤 秀 2014 韩 版 简约 碎 花 委 纺 连衣裙 波 
，”¥99.00 目 


韵 可 2014 春 款 新 款 女 装 时 尚 韩版 条 纹 
¥66.00 
(已 有 1667 人 评价 ) 


这 种 有 针对 性 的 推荐 功能 ， 可 以 帮助 客户 找到 他 们 感 兴趣 的 并 愿意 买 的 某 样 商品 ， 推 荐 客户 购买 一 些 相 关 的 商品 或 者 购买 一 些 相关 的 但 是 对 于 商家 来 说 利润 更 高 的 商品 。 这 样 不 仅 增加 了 网 站 的 交叉 销 
售 和 向 上 销售 ， 而 且 因 为 客户 往往 更 愿意 到 那些 最 能 满足 自己 需求 的 网 站 去 购物 所 以 还 有 益 于 建立 忠诚 度 ， 使 得 网 站 和 用 户 得 到 双赢 。 


一 个 成 功 的 推荐 系统 会 有 以 下 几 个 作用 。 
1) 把 访客 转化 为 购买 者 。 
2) 提高 网 站 交叉 销售 能 力 。 


3) 提高 客 单价 ， 增 强 向 上 销售 能 力 。 


4) 提高 客户 满意 度 和 忠诚 度 。 


再 比如 ，ShopNC 的 B2B2C 商 城 系统 中 的 个 性 化 推荐 功能 “ 猜 你 喜欢 ”。 它 根据 客户 近期 的 浏览 历史 记录 ， 判 断 客户 可 能 喜欢 的 商品 类 型 ， 并 在 商品 列表 页 面 和 其 他 与 商品 购买 关系 密切 的 页 面 ， 
展示 “ 猜 你 喜欢 ”的 商品 推荐 功能 ， 如 图 3-119 所 示 。 


春装 拔 肩 式 超 短 款 针织 衫 开衫 女装 2014 春 未 打 底 毛 衫 拼 色 毛 衣 长 袖 套头 正品 2014 春 装 新 款 女 绣花 针织 衫 开 正品 2014 春 装 新款 女 绣花 针织 衫 开 
青鸟 黑色 针织 衫 营 绿 色 衫 外 套 浮 系 初 绿色 衫 外 套 浮 系 初 蓝 色 
¥129.00 ¥179.00 ¥189.00 ¥189.00 


图 3-119 ”ShopNC B2B2C 商 城 系 统 猜 你 喜欢 功能 


3.10.5 ”开发 和 使 用 


挖掘 不 能 产生 商业 价值 的 数据 是 没有 意义 的 ， 只 有 把 数据 挖掘 充分 应 用 到 商业 上 ， 将 大 量 的 数据 经 过 加 工 处 理 转换 成 信息 ， 这 样 我 们 之 前 做 的 所 有 数据 准备 和 算法 研究 工作 才 有 意义 。 因 此 应 该 从 商业 
角度 出 发 ， 看 到 底 需 要 完成 怎样 的 商业 目标 ， 再 制定 数据 分 析 和 挖掘 过 程 。 而 以 数据 为 基础 的 电子 商务 运营 ， 不 是 一 下 子 就 能 够 成 功 的 ， 它 是 一 个 永远 不 停 地 变化 的 过 程 ， 不 是 做 了 一 次 优化 就 能 够 一 劳 永 
饮 的 。 我 们 根据 当前 的 来 源 分 析 和 访客 分 析 得 出 客户 兴趣 点 和 热门 商品 对 整个 网 站 做 了 调整 ， 在 经 过 一 段 时 间 之 后 ， 客 户 的 整体 兴趣 点 一 定 会 发 生变 化 ， 而 热门 商品 也 会 发 生 迁 移 ， 就 需要 再 次 进行 优化 。 
所 以 以 数据 为 基础 的 运营 应 该 是 持续 不 断 地 进行 优化 。 


数据 运营 应 注意 以 下 几 点 问题 。 


(1) 人 的 问题 


目前 在 中 国 的 企业 数据 运营 整体 来 说 还 不 成 熟 。 一 些 领导 对 数据 的 作用 将 信 将 疑 ， 不 愿意 投入 。 另 外 ， 应 用 了 一 些 数据 分 析 产 品 的 公司 只 追求 最 后 的 结果 ， 而 对 数据 挖掘 的 过 程 、 数 据 的 存储 、 数 据 挖 
掘 结 果 的 知识 积累 和 呈现 不 重视 。 如 果 只 有 执行 层 的 数据 分 析 师 在 分 析 和 审视 数据 ， 领 导 却 不 重视 ， 那 么 数据 运营 是 没有 意义 的 。 对 数据 的 重视 应 该 从 领导 做 起 。 


(2) 实际 运 


很 多 时 候 许 多 企业 只 是 将 数据 的 重要 性 说 在 口头 上 ， 而 实际 操作 的 时 候 却 仍然 按照 经 验 和 习惯 去 做 ， 即 使 用 了 数据 也 只 是 停留 在 看 Excel 报 表 的 阶段 。 这 样 是 不 够 的 ， 应 该 将 数据 实际 使 用 起 来 ， 使 它 融 
入 到 运营 的 各 个 环节 ，“ 拿 数据 说 话 ”。 


(3) 不 要 最 好 只 求 合适 


对 于 一 个 需要 解决 的 问题 ， 可 能 有 很 多 很 好 的 数据 挖掘 算法 可 以 使 用 ， 但 是 通常 只 有 一 个 合适 的 算法 。 当 我 们 选择 一 个 数据 挖掘 算法 时 ， 要 弄 清楚 它 是 否 适 合 我 们 要 解决 的 问题 。 如 果 本 身 方 法 选择 不 
合适 ， 那 么 再 好 地 执行 也 没 意 义 。 


(4) 求 真 实 


电子 商务 网 站 的 数据 挖掘 很 有 意义 ， 但 是 难免 会 存在 一 部 分 虚假 数据 ， 例 如 客户 评价 、 浏 览 量 不 同 程度 的 存在 一 些 虚 假 数据 ， 在 数据 挖掘 时 ， 尽 可 能 地 提取 有 效 信息 。 据 弃 虚 假 数据 ， 对 于 数据 挖掘 的 
意义 很 重要 。 


(5) 重复 性 


数据 挖 握 每 次 导出 的 结果 跟 采 用 的 数据 集 直接 相关 。 如 果 数 据 集 发 生变 化 ， 就 需要 重新 进行 挖 握 。 如 果 没 有 考虑 数据 变化 而 盲目 采用 数据 变化 之 前 的 策略 ， 那 么 结果 是 不 可 预料 的 。 数 据 挖掘 需要 隔 一 
段 时 间 重 新 执行 ， 因 为 随 着 时 间 、 商 品 和 访客 的 变化 ,数据 挖 握 算 法 的 产 出 结果 也 是 不 同 的 。 


(6) 数据 积累 


电子 商务 网 站 初期 运营 的 时 候 ， 不 管 是 商品 数据 、 客 户 购买 记录 ， 还 是 客户 浏览 记录 ， 数 据 量 都 是 相对 比较 单薄 的 。 当 数据 量 没有 积累 到 一 定数 据 的 时 候 ， 很 多 数据 分 析 意 义 不 大 。 比 如 一 天 中 10 点 销 
售 了 6 件 ，14 点 销售 了 10 件 ， 并 不 能 足够 说 明 14 点 是 比较 适合 销售 。 数 据 分 析 需 要 积累 一 定量 的 数据 ， 经 过 数据 挖掘 得 出 的 结果 才 有 说 服 力 。 


(7) 快速 反应 


当 一 个 客户 访问 了 某 件 或 者 几 件 商品 的 详细 信息 时 ， 这 表明 他 在 那 一 刻 对 于 这 个 商品 是 很 感 兴趣 的 。 而 对 于 大 部 分 客户 来 说 ， 过 了 这 个 村 就 没有 这 个 店 了 。 如 果 过 一 段 时 间 再 向 该 客户 进行 个 性 化 推 


荐 ， 则 意义 不 大 。 所 以 当 数 据 产 生 之 后 如 果 不 能 及 时 处 理 或 者 分 析 ， 就 可 能 没有 价值 或 者 价值 极度 下 降 了 。 应 注意 对 于 客户 产生 的 数据 要 快速 反应 ， 得 出 数据 挖掘 的 结果 ， 使 数据 效果 最 大 化 。 


实际 运营 数据 分 析 和 挖掘 的 时 候 ， 很 可 能 疏忽 了 以 上 几 点 ， 造 成 结果 偏差 。 一 定 要 考虑 这 些 因素 ， 使 积累 的 数据 更 好 地 为 网 站 运营 服务 。 


3.11 预存 款 


预存 款 支 付 是 一 种 方便 快捷 的 站 内 支付 形式 ， 它 可 以 不 依赖 于 第 三 方 支付 平台 而 独立 完成 支付 。 会 员 对 预存 款 主要 有 三 种 操作 ， 分 别 为 充值 、 提 现 和 购物 (支出 ) 。 预 存款 主要 操作 如 图 3-120 所 示 。 


支付 成 功 


增加 预存 款 
如 采 文 付 成 功 


在 线 支 付 但 预存 款 未 到 账 


冻结 提现 金额 


预存 玖 支付 


冻结 预存 款 


第 三 方 平台 支付 
支付 失败 i 


= 
彻底 扣除 预存 款 


图 3-120 ”支付 平台 处 理 流程 


预存 款 使 用 前 需要 充值 ， 充 值 方式 以 在 线 支付 为 3 


， 通 过 第 三 方 支付 平台 完成 支付 ， 支 付 成 功 后 ， 相 应 的 金额 会 充值 到 您 的 预存 款 账户 中 。 


提现 功能 在 预存 款 中 不 可 缺少 ， 提 现时 首先 向 大 平台 发 起 提现 申请 ， 申 请 成 功 后 ， 系 统 会 冻结 您 的 提现 金额 ， 等 待 系统 审核 。 如 果 审 核 通过 ， 系 统 会 彻底 扣除 之 前 冻结 的 预存 款 ， 平 台 向 提 款 人 支付 相 
应 的 提现 金额 。 如 果 未 通过 审核 ， 则 系统 自动 将 之 前 冻结 的 预存 款 解冻 。 


购物 是 系统 提供 预存 款 功 能 的 最 终 目 的 ， 预 存款 支付 分 为 独立 支付 和 混合 支付 两 种 情况 : 独立 支付 是 指 当 预 存款 足够 时 ， 直 接 扣除 预存 款 的 情况 ; 混合 支付 是 指 预存 款 不 足 时 ， 差 额 部 分 需要 通过 第 三 
方 支付 平台 进行 支付 的 情况 。 混 合 支付 时 ， 系 统 首先 依次 循环 每 个 子 订单 ， 如 果 预 存款 可 用 金额 大 于 该 子 订 单 ， 则 将 预存 款 金额 扣除 ， 并 将 子 订单 状态 置 成 已 支付 状态 ; 如 果 预 存款 可 用 金额 不 足 时 ， 则 将 
剩余 的 预存 款 暂 时 冻结 ， 然 后 到 第 三 方 支付 平台 支付 差额 部 分 ， 支 付 成 功 后 ， 系 统 再 彻底 扣除 先前 冻结 的 预存 款 。 如 果 第 三 方 支付 平台 支付 失败 ， 或 未 到 第 三 方 平台 支付 ， 预 存款 还 是 处 于 暂时 冻结 状态 ， 
买 家 可 以 到 “我 的 订单 ”中 进行 再 次 支付 。 买 家 可 以 将 未 支付 成 功 的 订单 取消 ， 取 消 后 ， 预 存款 冻结 金额 会 重新 变 为 可 用 金额 ， 可 继续 购买 其 他 商品 。 


3.11.1 设计 思路 


1. 设 计 要 求 


1) 安全 性 


预存 款 存放 着 用 户 资金 ， 可 以 随时 用 来 购物 和 申请 提现 ， 这 就 要 求 系统 对 预存 款 的 操作 要 进行 非常 严格 的 校 验 ， 保 障 用 户 的 资金 安全 。 


2) 数据 完整 性 


任何 涉 金钱 的 操作 都 必须 保证 数据 的 完整 性 ， 对 于 重要 的 字段 数据 变更 要 全 部 使 用 事务 进行 处 理 ， 一 个 点 发 生 错误 ， 整 个 事务 都 需要 回 滚 ， 保 证 数据 的 完整 性 和 准确 性 。 对 于 预存 款 的 任务 变更 都 要 有 
详细 的 日 志 记录 ， 方 便 监 控 和 日 志 查 询 。 


2 数据 表 设计 


实现 预存 款 功能 ， 至 少 需要 三 个 表 ， 分 别 为 充值 表 、 提 现 表 和 日 志 表 。 

充值 表 用 来 记录 会 员 的 充值 信息 ， 主 

提现 表 用 来 记录 会 员 的 提现 信息 ， 主 要 字段 包括 提现 单 号 

日 志 表 用 来 记录 所 有 变更 预存 款 时 的 操作 记录 ， 包 括 对 可 用 金额 和 冻结 金额 的 变更 都 要 作 详细 的 记录 ，: 
款 、 操 作 时 间 、 备 注 等 。 


3.11.2 ”代码 实现 


1. 预 存款 模型 类 


预存 款 模型 类 需要 对 充值 、 提 现 和 日 志 表 的 所 有 操作 进行 封装 ， 供 业务 


代码 清单 3-35 ”预存 款 模型 类 


屋 统一 调 


字段 包括 充值 单 号 (唯一 值 ) 、 会 员 信息 、 充 值 金额 、 充 值 时 间 、 充 值 状态 等 ， 如 果 管理 员 介 入 操作 ， 还 应 记录 管理 员 的 身份 。 


(唯一 值 ) 、 会 员 信息 、 提 现金 额 、 收 款 银行 信息 、 申 请 状态 以 及 平台 的 付款 信息 (付款 时 间 ， 操 作 人 ) 等 。 


要 字段 包括 操作 人 信息 、 操 作 类 型 (如 下 单 、 提 现 、 充 值 、 退 款 等 ) 、 


， 如 代码 清单 3-35 所 示 。 


预存 款 、 冻 结 预存 


class 了 extends Model { 


// 生 成 


值 编号 


public function makeSn() { 


return mt_rand(10, 99) 


. sprintf('%010d',time() - 946656000) 
. sprintf('%03d', (float) microtime() 
. Sprintf('%03d', 


* 1000) 


} 

// 取 得 充值 列表 
public function getPdRechargeList ($condition = array(), $pagesize 
return $this->table('pd recharge')->where ($condition)->field ($fields) -> order ($order) ->limit ($1imit) ->page ($pagesize) ->select (); 


} 
// 添 加 充值 记录 
public function addPdRecharge ($data) { 


return $this->table('pd recharge')->insert ($data); 


} 

// 编 辑 充 值 记录 

public function editPdRecharge ($data, $condition = array()) { 
return $this->table('pd recharge')->where ($condition)->update ($data); 


} 

// 取 得 单条 充值 信息 

public function getPdRechargeInfo ($condition = array(), $fields 
return $this->table('pd recharge')->where ($condition)->field ($fields) ->find(); 


} 
// 取 充值 信 


总 数 


public function getPdRechargeCount ($condition = array()) { 


return $this->table('pd recharge')->where ($condition)->count (); 


} 
// 取 提现 单 信 


\ 数 


public function getPdCashCount ($condition = array()) { 


return $this->table('pd cash')->where ($condition)->count (); 


} 
// 取 日 志 总 数 
public function getPdLogCount ($condition = array()) { 


return $this->table('pd 10g')->where ($condition)->count (); 


} 

// 取 得 预存 款 变更 日 志 列 表 

public function getPdLogList ($condition = array(), $pagesize = 
return $this->table('pd 1og')->where ($condition)->field ($fields) ->order ($order) ->limit ($1imit) ->page ($pagesize) ->select (); 


} 
// 变 更 预存 款 时 ， 日 志 记 录 统 一 方法 入 口 
public function changePd ($change type,$data = array()) { 


$data 1l0g = array(); 

$data pd = array(); 

$data msg = array()7 

$data log['lg member id'] = $data['member id']; 
$data 1og['1g member name'] = $data['member name']; 
$data log['1lg add time'] = TIMESTAMP; 
$data log['lg type'] = $change type; 

$data msg['time'] = date('Y-m-d H:i:s'); 
$data msg['pd url'] = urlShop('predeposit', 
switch ($change type){ 

case 'order pay': 


'pd log list'); 


(int) $_SESSION['member id'] % 1000); 


'', $fields = 


1 


'', $fields 


x 


5 


, $order 


/ S$order = 


Wr Slimit = 1 


1 $limit = ""') { 


$data log['lg av amount'] = -$data['amount']; 
S$data_ log['1g desc'] = ' 下 单 ， 支 付 预 存款 ,订单 号 : ' .$data['order sn']; 
$data pdl[ 'available predeposit' ] = array('exp', 'available predeposit-' .$data[l'amount']); 
S$data msg['av_amount'] = -$data['amount']; 
$data msg['freeze amount'] = 0; 
$data msg['desc'] = $data log['1g desc']; 
break; 
case 'order freeze': 
$data log['lg av amount'] = -$data['amount']; 
$data log['lg freeze amount'] = $data['amount']; 
$data_10g['19_desc'] = ' 下 单 ， 冻 结 预存 款 ， 订 单 号 : ' .$data['order sn']; 
$data pd['freeze predeposit'] = array('exp', 'freeze Predeposit+'.$Sdata["amount'])7 
$data pd[ 'available predeposit'] = array('exp','available predeposit-'.$data['amount']); 
$data msg['av amount'] = -$data['amount']; 
$data msg['freeze amount'] = $data['amount']; 
$data msg['desc'] = $data log['1g desc']; 
break; 
Case ' 
// 单 
7/ 下 单 
// 充 值 
// 确 认 退 款 
// 申 请 提现 
// 提 现成 功 
// 取 消 提现 申请 
//http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... 
break; 
default: 
throw new Exception (" 参 数 错误 ') 7 
break; 
} 
Supdate = $this->table('member')->where (array ('member id'=>$datal['member id']))->update ($data pq); 


if (!$update) { 
throw new Exception(' 操 作 失败 '); 
} 
$insert = $this->table('pd 10g')->insert ($data 10g); 
if (!$insert) { 
throw new Exception(' 操 作 失败 ')， 
} 


return $insert; 


i 
// 删 除 充值 记录 
public function delPdRecharge ($condition) { 


return $this->table('pd recharge')->where ($condition) ->delete(); 


} 

// 取 得 提现 列表 

public function getPdCashList ($condition = array(), $pagesize = 
return $this->table('pd cash')->where ($condition)->field ($fields) ->order ($order) ->limit ($1imit)->page ($pagesize) ->select (); 


} 


1 


,$fields 


x 
’ 


Sorder 


ni 


// 添 加 提现 记录 
public function addPdCash ($data) { 
return $this->table('pd cash')->insert ($data); 


} 
/ /编辑 提 现 记录 
public function editPdCash ($data, $condition = array()) { 
return $this->table('pd cash')->where ($condition)->update ($data); 


} 
// 取 得 单条 提现 信息 
public function getPdCashInfo ($condition = array(), $fields = '*') { 
return $this->table('pd cash')->where ($condition) ->field ($fields) ->find(); 


} 
// 删 除 提现 记录 
public function delPdCash ($condition) { 
return $this->table('pd cash')->where ($condition) ->delete(); 
} 
} 


2. 在 线 充值 
在 线 充值 首先 需要 在 商城 平台 输入 充值 金额 ， 然 后 进入 第 三 方 平台 完成 支付 。 


代码 清单 3-36 在线 充 值 代 码 


// 格 式 化 充值 金额 
pr amount = abs (floatval ($_POST['pdr _ amount']))7 
(Spdr amount <= 0) { 
showMessage (Language: :get ('predeposit recharge add pricemin error'),'','html','error'); 


} 

// 添 加 一 条 充值 记录 

$model pdr = Model ('predeposit'); 

$data = array(); 

$data[l'pdr_sn'] = pay sn = Smodel_pdr- >makeSn (); 
$datal[l' pdr member id'] = $ -ea member id']; 
S$data['pdr member name 亲 三 $_SESSION[ 'member name']; 
$data['pdr amount"] = Spdr : amount; 

$data['pdr aad timer] = TIMESTAMP; 

$insert = ee ($qata); 

if ($insert) 


7/ 祷 辣 加 洛 城 支付 页 面 这 里 统一 使 用 第 三 方 支付 平台 API 
redirect ('index.php?act=buy&op=pd pay&pay_sn=".$pay_sn); 


3. 申 请 提现 


实现 申请 提现 ， 首 先 要 输入 提现 金额 、 收 款 银行 账号 、 支 付 密码 等 信息 ， 然 后 提交 系统 验证 。 系 统 验 证 的 主要 代码 如 代码 清单 3-37 所 示 。 


代码 清单 3-37 ”申请 提现 代码 


$model pd = Model ('predeposit'); 
$model member = Model ('member'); 


// 取 得 会 员 信息 

Smember info = $model _member->getMemberInfo (array ('member id'=>$ SESSION['member id']))7 
// 验 证 支付 密码 

if (md5($ POST['password']) != Smember info['member paypwd']) { 


1 "交合 由 税 独 训 eT roe) 


/验证 多 估 是 否 足 够 
if (floatval ($member info['available predeposit']) < $pdc amount){ 
showDialog (Language: :get ('predeposit cash shortprice error'),'index.php?act=predeposit&op=pd cash list','error'); 


} 

// 采 用 事务 处 理 

try { 
// 添 加 提现 记录 
$model pd->beginTransaction (); 
$pdc_sn = $model pd->makeSn (); 
$data = array (); 


$data['pdc_sn'] = $pdc_sn; 

$data[' Pdc 1 ene -id'] = $_SESSION['member id']; 
$datal[' Pdc_meriber name' ] = $_SESSION['member name']; 
$gata['pdc_amount"] $pdc_amount; 

$datal['pdc 1 ; bank name'] = $ POST[' pdc bank name']; 
$data['pdc bank no'] = _POST['pdc bank no']; 
$datal['pdc 1 bank 1 user 可 三 二 总 _POST [ "Pdc 1 bank 1 user']; 
$data['pdc add time'] MS Te 


$data['pdc payment state'] = 
$insert = 全 
if (!$insert) { 
throw new Exception (Language: :get ('predeposit cash aqqd fail')); 


} 
// 冻 结 等 额 的 预存 款 
$data = array(); 
$data['member id'] = $member info['member id']; 
$datal[ 'member name 条 = Smember : infol[' member 1 name']; 
$data['amount™. = Spdc ， amount; 
$datal['order sn' ] = $pdc_sn; 
$model pd->changePd('cash apply', $data); 
$model pd->commit (); 
// 提 现成 功 ， 事 务 提交 
} catch (Exception $e) { 
$model pd->rollback () 7 
// 提 现 笑 败 ， 事 务 回 深 


4. 预 存款 支付 
代码 清单 3-38 展 示 的 是 预存 款 支付 时 的 核心 代码 ， 首 先进 行 系统 验证 ， 验 证 通过 后 对 每 个 子 订单 扣除 预存 款 。 


代码 清单 3-38 ”预存 款 支 付 代码 


// 验 证 系统 是 否 开 启 预存 款 

$model Payment = Model ('payment'); 

外 poyvent info = $model payment->getPaymentOpenInfo (array ('payment code'=>'predeposit')); 
if (empty ($pd ee info) ) Tet urn; 


// 验 证 会 员 支付 雷 码 是 否 正确 ， 是 否 有 预存 款 
Sbuyer . info = Model ('member')->getMemberInfo (array ('member i => $member id)，"available predeposit,member paypwd'); 
3 吝 ($buyer _ info['member paypwd'] == '' || $buyer info[' oe != md5 ($input['password'])) return ; 


$available pd amount = floatval ($buyer info['available predeposit']); 
主公 (Savailable Pd amount <= 0) return; 

// 依 次 循环 每 个 子 订单 ， 如 果 预 存款 大 于 子 订单 金额 ， 则 完全 用 预存 款 支 付 

// 如 果 不 足 ， 则 先 支 付 预 存款 暂时 冻结 ) ， 使 用 其 他 API 支 付 完成 后 ， 再 完全 扣除 预存 款 
$model_ order = Model ('order'); 

$model pd = Model ('predeposit'); 

foreach ($order list as S$order info) { 

// 跳 过 货 到 付款 的 订单 

if ($order info['payment code'] 一 'offline') continue; 

S$order amount = floatval ($order info['order amount']); 

$data pd = array (); 

$data pd['member id'] = $member id; 

$data pd['member name'] = $member name; 

$data pd[ 'amount'] = $order info['order amount']; 


$data pd['order sn'] = $order info['order sn']; 
if ($available pd amount >= $order amount) { 
/预存 煞 立即 顽 何 ， 订 单 支付 完成 
$model pd->changePd('order pay', $data pd); 
$available pd amount -= $order amount; 
// 记 录 订 单 日 志 (已 付款 ) 
$data = array (); 
$data['order id'] S$order info['order id']; 
$dgata['log role'] 'buyer'™; 
$data['log msg'] = L('order 1og pay'); 
$data['log orderstate'] = ORDER _ STATE PAY; 
$insert = Smodel order->addorderLog ($data); 
if (!$insert) { 
throw new Exception(' 记 录 订 单 日 志 出 现 错误 '); 


} 

// 订 单 状态 置 为 已 支付 

$data order = array (); 

$data order['order state'] = ORDER STATE PAY; 
$data order['payment time'] = TIMESTAMP; 
$data order['payment code'] = 'predeposit'; 


$data order['pd amount'] = $order amount; 
$result = $model order->editOrder ($data order,array ('order id'=>$order info['order id'])); 
if (!$result) { 
throw new Exception(' 订 单 更 新 失败 '); 
} 
} else { 
// 暂 冻结 预存 款 , 后 面 还 需要 API 彻 底 完成 支付 
if ($available pd _ amount > 0) { 
$data pd['amount'] = $available pd amount; 
$model pd->changePd('order freeze',$data pd); 
// 预 存款 支付 金额 保存 到 订单 
$data order = array(); 
$data order['pd amount'] = $available pd amount; 
$result = $model order->editOrder ($data order,array ('order id'=>$order info['order id'])); 
$available pd amount = 0; 
if (!$result) { 
throw new Exception(' 订 单 更 新 失败 '); 


} 


3.11.3 ”功能 体验 


本 节 以 充值 一 提现 一 支付 为 顺序 进行 功能 演示 。 
1. 在 线 充值 


首先 买 家 进行 在 线 充值 ， 如 图 3-121 所 示 。 


需 首页 》 我 的 商城 >》 账户 余额 


图 3-121 在 线 充 值 第 一 步 


输入 金额 后 提交 ， 选 择 第 三 方 支付 平台 ， 如 图 3-122 所 示 。 


文 付 提交 


查看 充 信 记 录 可 以 通过 我 的 充值 列表 进行 查看 。 


充值 单 号 : 390450351816163007 


您 已 申请 账户 余额 充值 ， 请 立即 在 线 支 付 ! 充值 金额 : ¥10.00 


支付 选择 


咏 Sf 


图 3-122 ”在 线 充 值 第 二 步 


这 里 选择 支付 宝 支 付 ， 如 图 3-123 所 示 。 


如 果 支 付 成 功 并 同步 到 商城 ， 则 充值 成 功 ， 如 果 第 三 方 支 付 平 台 支 付 成 功 ， 但 同步 到 商城 失败 ， 这 时 平台 管理 人 员 可 以 手工 协助 一 下 ， 在 后 台 预 存款 充值 管理 中 找到 该 充值 单 ， 输 入 付款 时 间 、 支 付 方 
式 ， 以 及 第 三 方 平 台 交 易 号 ， 这 里 输入 支付 宝 中 的 交易 号 ， 然 后 提交 即 可 完成 充值 ， 如 图 3-124 所 示 。 


有 卡 训 能 付 


忘记 账户 名 人 


于 机 亏 码 / 邮 杆 


交付 密码 : 


这 
下 
Ce -| 转 


请 输入 账户 的 支付 密码 ， 不 是 登录 密码 。 


下 一 步 


390450351816163007 


充值 金额 (7 元): 


10.00 


会 员 名 称 : 


付款 时 间 : 


2014-04-09 


付款 方式 : 


支付 宝 Iv| 
第 三 方 支付 平台 交易 号 : 


| 301274462585 | 支付 宝 等 第 三 方 支付 平台 交易 号 


这 时 查看 一 下 账户 余额 ， 发 现 充值 成 功 ， 如 图 3-125 所 示 。 


图 3-124 系统 后 台 协 助 更 改 充值 支付 信息 


账户 余 帮 ”账户 充值 ” ”余额 提现 


可 用 人 金额: 10.00 元 冻结 全 额 : 0.00 元 


创建 时 间 可 用 金额 (元 ) 变更 识 明 


2014-04-09 09:50:17 +10.00 充值 ， 充值 单 号 : 390450351816163007 


图 3-125 ”账户 余额 及 预存 款 变更 记录 


2. 申 请 提现 


首先 需要 进行 安全 验证 码 验证 ， 用 户 可 以 选择 使 用 邮箱 或 手机 接收 系统 发 送 的 验证 码 (这 就 要 求 用 户 首先 要 绑 定 手机 或 邮箱 才 可 以 进行 提现 操作 ) ， 如 图 3-126 所 示 。 


* 选择 身份 认证 方式 : | 邮箱 [Kev****ou@foxmail.com] 区 | 艾 取 安全 验 汪 到 


* 请 辆 入 安全 验证 码 : | | 
加 汪汪 


* 图 形 验证 码 : 


看 不 清 ? 换 张 图 


图 3-126 ”提现 之 前 进行 安全 验证 


进入 下 一 步 ， 需 要 用 户 输入 相关 提现 信息 ， 提 交 后 需要 系统 审核 ， 同 时 将 提现 金额 冻结 ， 如 图 3-127 所 示 。 


* 提 全 额 ，|5 。 国 中 ， 当 和 ia 有 人 机: 10 元 ) 
行 :| 中国 工商 良 行 天 津南 开 红旗 路 支行 


强烈 建议 优先 填 王 国有 4 大 银行 (中 国 银 行 、 中 国 建设 银行 、 中 国 工商 银行 和 中 国 农 灶 
支付 宝 "、 财 付 通 " 即 可 。 


提示 信息 


@ 您 的 提现 申请 已 成 功 提交 ， 请 等 待 系统 处 理 


全 2 种 后 窗口 关闭 


EE 


图 3-127 输入 提现 信息 并 提交 


管理 员 进 入 系统 后 台 找到 相关 提现 单 ， 审 核 无 误 后 付款 给 用 户 ， 并 更 改 提现 单 状态 ， 到 此 整个 提现 流程 完成 ， 如 图 3-128 所 示 。 


充值 单 号 : 


O07 


6045035331469670 


会 员 名 称 : 


simna 


图 3-128 管理 员 审 核 提现 信息 


最 后 再 查看 一 下 我 的 预存 款 ， 再 次 验证 提现 成 功 。 如 图 3-129 所 示 ， 系 统 以 列表 形式 详细 展示 了 预存 款 每 次 的 变更 信息 ， 从 日 志 中 可 以 发 现 ， 系 统 首 先 冻 结 提现 金额 ， 审 核 通 过 后 ， 再 彻底 扣除 冻结 金 
额 ， 如 果 系 统 审核 未 通过 ， 冻 结 的 金额 会 增加 到 会 员 的 可 用 金额 中 。 


可 用 金额 : 500 元 冻结 金额 : 0.00 元 


创建 时 间 可 用 金额 (7t) 冻结 金额 {元 ) 变更 说 明 


2014-04-09 10:07:30 -500 提现 成 功 ， 捍 现 单 号 : 560450353146967007 


2014-04-09 10:05:46 +5.00 申请 提现 ,冻结 预存 款 ， 捍 现 单 号 : 560450353146967007 


2014-04-09 09:50:17 充值 ， 充 值 单 号 : 390450351816163007 


图 3-129 ”预存 款 日 志 列 表 


3. 预 存款 支付 


随机 选择 两 个 商品 加 入 到 购物 车 ， 如 图 3-130 所 示 。 


新 款 女 款 拼接 不 规则 摆 长 袖 针 织 衫 开衫 可 两 粉色 收藏 
腹 除 


新 款 女 款 拼接 不 规则 摆 长 袖 针织 衫 开衫 可 两 紫色 收藏 


时 


店 请 合计 : ¥6.00 


商品 总 价 (不合 运 费 ) ¥ 6.00 元 


图 3-130 ”购物 车 列表 


点 击 “ 下 一 步 ”按钮 ， 使 用 预存 款 支付 ， 如 图 3-131 所 示 。 


新 款 女 款 拼接 不 规则 摆 长 袖 针 织 衫 开衫 可 雨 粉色 


新 款 女 款 拼接 不 规则 摆 长 袖 针织 衫 开衫 杏 十 紫色 


使 用 预存 款 支 付 (当前 可 用 余额 ; ¥5.00 ) 


订单 总 金额 : ¥ 6.00 元 


图 3-131 使 用 预存 款 支付 


进入 “下 一 步 ”按钮 ， 因 为 预存 款 金额 不 足以 支付 本 次 订单 ， 所 以 还 需要 继续 支付 所 差 的 金额 ， 如 图 3-132 所 示 。 


请 您 及 时 付款 ， 以 便 订 单 尽快 处 理 ! 在 线 支 付 金额 : ¥1.00 
订单 号 支付 方式 


6000000000003601 在 线 支付 (已 使 用 预存 未 部 分 支付 ， 支 付 金 额 半 5.00) 


支付 选择 


VY SHE 协 间 光 


四 确认 提交 支付 


图 3-132 ”订单 混合 支付 


支付 成 功 后， 查看 一 下 预存 款 ， 如 图 3-133 所 示 。 


可 用 金额 : 0.00 元 冻结 金额 : 0.00 元 


创建 时 间 可 用 金额 元 ) : 变更 说 明 


2014-04-09 10:28:46 | 下 单 ， 支付 被 栋 结 的 预存 款 ， 订 单 号 : 6000000000003601 


2014-04-09 10:26:43 下 单 ， 冻 结 预存 款 ， 订 单 号 : 6000000000003601 


2014-04-09 10:07:30 提现 成 功 ， 提现 单 号 : 560450353146967007 


2014-04-09 10:05:46 | i 申请 提现 ， 冻 早 预存 款 ， 提 现 单 号 : 560450353146967007 


2014-04-09 09:50:17 充值 ， 充 值 单 号 : 390450351816163007 


图 3-133 ”预存 款 日 志 列表 


可 以 发 现 ， 预 存款 已 经 被 成 功 扣除 ， 日 志 显示 当下 单 遇 到 预存 款 不 足 时 ， 系 统 先 冻 结 预存 款 ， 待 差额 成 功 支付 后 ， 再 彻底 扣除 预存 款 。 如 果 用 户 未 支付 差额 而 是 选择 取消 订单 ， 系 统 会 将 冻结 的 金额 取 
消 并 增加 到 可 用 金额 中 。 


3.12 本章 小 结 


本 章 对 电 商 平台 系统 主要 通用 模块 的 设计 、 实 现 、 效 果 展示 作 了 详细 介绍 ， 虽 然 是 以 在 B2B2C 模 式 下 PHP+MySQL 实 现 为 例 ， 但 这 些 模块 的 绝 大 多 数 设 计 思 路 和 处 理 方法 也 适用 于 其 他 模式 。 


第 4 章 CMS 套件 的 设计 与 实现 


CMS 作为 大 多 数 网 站 的 标准 套件 ， 在 电子 商务 平台 中 也 逐步 发 展 起 来 ， 现 在 的 商城 不 再 是 单一 的 销售 商品 ， 更 是 在 资讯 、 社 交 等 领域 全 面 布局 ， 逐 渐 成 为 以 购物 为 中 心 的 综合 性 门户 网 站 。 尤 其 是 在 地 
方 性 商城 和 行业 性 商城 中 ，CMS 更 是 成 为 不 可 或 缺 的 重要 组 成 部 分 。CMS 的 成 功 运营 ， 不 仅 可 以 使 网 站 成 为 地 方 或 行业 的 资讯 平台 ， 更 可 以 为 网 站 带 来 巨大 的 流量 ， 使 网 站 成 为 地 方 或 者 行业 的 权威 网 站 ， 
不 仅 本 身 可 以 为 网 站 带 来 客观 的 广告 收入 ， 而 且 可 以 更 好 地 促进 商城 的 销售 。 


我 们 经 过 深入 调研 为 商城 系统 开发 了 CMS 套件 ， 在 选择 要 开发 的 模块 时 ， 我 们 结合 CMS 和 商城 的 特点 开发 了 文章 、 画 报 、 专 题 和 首页 编辑 四 个 模块 。 与 传统 CMS 系统 相 比 ， 我 们 的 CMS 套件 能 够 更 好 
地 与 商城 系统 相 结合 ， 提 供 更 丰富 的 内 容 ， 包 括 商品 信息 、 会 员 信息 、 店 铺 信息 等 ， 把 原本 分 散 的 内 容 整 合 到 一 个 平台 上 。 在 与 淘宝 等 第 三 方 平台 打通 后 还 可 以 为 网 站 带 来 多 样 的 运营 模式 ， 使 网 站 的 内 容 
更 加 丰富 。 


4.1 CMS 文 章 


文章 是 每 个 CMS 不 可 或 缺 的 基础 模块 ， 是 构成 CMS 的 主体 内 容 。 在 传统 CMS 的 基础 上 ， 结 合 商城 CMS 组 件 的 特点 ， 增 加 了 标签 和 绑 定 相关 商品 功能 。 用 户 在 浏览 文章 时 可 以 根据 不 同 标签 选择 不 同类 
的 文章 ， 还 可 以 根据 绑 定 的 商品 直接 购买 文章 中 提 到 的 相关 商品 。 文 章 成 为 商城 重要 的 营销 手段 ， 可 以 更 方便 地 让 商家 推荐 商品 。 买 家 也 可 以 通过 这 些 文章 的 推荐 购买 到 自己 喜欢 的 商品 。 


4.1.1 模块 构成 


文章 模块 主要 由 发 布 、 审 核 、 文 章 管理 、 分 类 管理 等 几 部 分 组 成 。 用 户 首先 撰写 文章 绑 定好 相关 文章 和 相关 商品 ， 提 交 后 平台 对 用 户 的 文章 进行 审核 ， 在 审核 通过 后 将 其 发 布 到 前 台 。 用 户 在 文章 未 最 
终 完成 时 ， 可 以 先 将 其 保存 到 草稿 箱 ， 待 最 终 完成 后 再 提交 平台 审核 。 对 于 已 经 发 布 的 文章 ， 平 台 可 以 对 文章 进行 收回 ， 而 用 户 不 能 做 任何 修改 。 


4.1.2 设计 思路 


1. 文 章 发 布 主体 选择 


在 发 布 主体 的 选择 上 ， 主 要 有 平台 发 布 、 平 台 发 布 结合 用 户 发 布 、 完 全 用 户 发 布 三 种 方式 。 平 台 发 布 方式 完全 由 平台 提供 资讯 内 容 ， 用 户 无 法 发 布 ， 这 种 方式 比较 像 传统 的 CMS 系统 ， 但 是 对 于 一 个 电 
商 平台 来 说， 缺少 了 用 户 的 参与 可 用 性 将 大 打折 扣 。 平 台 发 布 结合 用 户 发 布 这 种 方式 ， 看 似 比较 完美 ， 但 是 前 后 台 都 需要 有 完整 的 发 布 功能 ， 业 务 逻 辑 重复 ， 日 后 维护 成 本 较 高 ， 而 且 发 布 主体 不 同 带 来 的 
权限 管理 也 比较 复杂 。 对 于 完全 用 户 发 布 这 种 方式 ， 虽 然 平台 无 法 直接 发 布 文章 ， 但 是 可 以 通过 在 前 台 注 册 一 个 平台 账号 的 方式 间接 实现 该 功能 ， 而 且 业务 逻辑 比较 简单 ， 前 台 只 负责 发 布 后 台 只 负责 审 
核 ， 权 限 设置 也 相对 简单 很 多 ， 虽 然 需要 平台 单独 注册 一 个 前 台 账 号 ， 但 是 维护 成 本 大 大 降低 ， 是 性 价 比较 高 的 一 种 实现 方式 。 我 们 也 是 从 早期 平台 结合 用 户 发 布 的 方式 经 过 一 些 积累 ， 最 终 选择 了 完全 
户 发 布 这 种 方式 ， 期 间 删 除了 大 量 的 匈 余 代 码 和 复杂 的 权限 检查 ， 提 高 了 程序 的 稳定 性 和 可 维护 性 。 


2 .文章 状态 


对 于 文章 状态 ， 我 们 设置 了 草稿 箱 、 待 审核 、 已 发 布 三 个 状态 。 草 稿 箱 是 用 户 开始 编写 文章 但 还 未 提交 到 平台 的 中 间 状 态 ， 这 个 状态 主要 是 用 户 在 完善 文章 。 待 审核 是 用 户 已 经 完成 了 文章 的 编写 ， 提 
交 给 平台 进行 审核 ， 审 核 通过 后 文章 将 出 现在 前 台 页 面 ， 如 果 审 核 失 败 ， 则 退 给 用 户 进行 完善 。 对 于 审核 通过 后 的 已 发 布 文章 ， 用 户 将 不 能 做 任何 修改 ， 如 果 需 要 修改 ， 必 须 在 平台 将 文章 退回 用 户 的 草稿 
箱 后 ， 才能 再 次 进行 编辑 。 这 主要 是 考虑 到 ， 在 文章 被 推荐 到 首页 或 者 某 个 活动 页 面 后 ， 如 果 用 户 不 通过 平台 直接 修改 或 删除 了 自己 的 文章 ， 会 对 平台 设置 的 页 面 造成 影响 ， 所 以 发 布 后 的 文章 只 有 平 
人 台 能 够 对 其 进行 操作 。 


3. 商 品 绑 定 


在 与 商城 的 结合 上 ， 我 们 开发 了 发 布 文章 时 可 以 绑 定 相关 商品 的 功能 ， 考 虑 到 商品 的 多 样 性 问题 ， 绑 定 的 商品 可 以 是 自 建 商城 的 也 可 以 是 其 他 平台 的 ， 比 如 淘宝 、 京 东 等 。 这 样 可 以 做 到 和 大 的 电 商 平 
台 差 异化 经 营 ， 同 时 也 能 相辅相成 。 在 添加 商品 的 方式 上 ， 我 们 需要 一 个 统一 的 添加 方式 ， 经 过 各 种 方式 的 对 比 ， 最 终 选 择 通过 商品 链接 的 方式 进行 添加 。 不 管 商品 是 站 内 还 是 第 三 方 平台 ， 这 样 的 方式 都 
能 够 有 统一 的 操作 方式 ， 带 给 用 户 一 致 的 操作 体验 ， 而 且 也 方便 日 后 对 支持 的 第 三 方 平台 进行 扩展 ， 极 大 地 增强 了 功能 的 灵活 性 。 其 实 这 种 方式 的 实现 比较 简单 ， 通 过 用 户 输入 的 链接 判断 不 同 的 商品 来 
源 ， 如 果 是 本 地 商品 ， 则 调用 本 地 接口 读 出 商品 信息 ， 如 果 是 第 三 方 平台 ， 则 需要 绑 定 相应 的 开发 账号 ， 然 后 调用 第 三 方 平台 提供 的 接口 读 取 相应 数据 。 在 这 里 不 管 是 本 地 数据 还 是 第 三 方 平台 数据 ， 读 取 
后 都 要 对 数据 进行 初步 处 理 ， 保 存 为 相同 的 格式 ， 这 样 才能 保证 数据 处 理 方式 的 一 致 性 ， 我 们 只 保留 了 一 些 共性 数据 ， 比 如 商品 名 称 、 商 品 图 片 、 商 品 价格 、 购 买 链接 等 ， 对 于 不 同 平台 的 差异 数据 都 没有 
使 用 。 这 样 以 后 如 果 增 加 其 他 平台 的 支持 ， 也 都 能 够 用 一 些 共性 的 数据 来 展示 ， 方 便 扩 展 和 数据 格式 的 统一 。 


4. 
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片上 传 方式 


辐 片 上 传 方式 有 很 多 种 ， 比 如 使 用 FileUpload、Flash、XMLHttpRequest2 等 。 这 些 方式 各 有 各 的 优点 和 不 足 : FileUpload 一 次 只 能 上 传 一 个 文件 而 且 需要 刷新 页 面 (Ajax 依靠 的 XMLHttpRequest 其 
实 是 不 支持 文件 上 传 的 ， 需 要 用 一 个 iframe 来 模拟 ) ; Flash 依 赖 第 三 方 插件 而 且 现 在 Flash 插 件 越 来 越 不 稳定 ; 使 用 XMLHttpRequest2 上 传 图 片 比较 完美 ， 但 是 需要 比较 新 的 浏览 器 才能 支持 (IE10 以 上 版 
本 才 支 持 ，Firefox、Chrome 都 没有 问题 ， 低 版 本 IE 是 开发 人 员 永 远 的 痛 ) 。 


CMS 需 要 大 量 的 多 图 上 传 ， 而 且 需 要 采用 Ajax 方 式 不 能 刷新 页 面 。 我 们 在 开发 时 经 过 测试 ， 首 先 放 弃 了 Flash 方 案 ， 未 来 Flash 的 使 用 可 能 会 越 来 越 少 ， 而 且 性 能 和 安全 问题 越 来 越 多 。 然 后 我 们 采用 了 
一 个 折 中 方案 ， 在 低 版 本 IE 上 使 用 隐藏 \E 的 方式 进行 上 传 ， 不 过 每 次 只 能 上 传 一 张 图 片 ， 上 传 多 张 图 片 时 需要 选择 多 次 。 目 前 在 浏览 器 上 (IE10 以 上 、Firefox、Chrome) 使 用 XMLHttpRequest2 方 案 可 以 
同时 上 传 多 张 图 片 。 


[ 


4.1.3 ”代码 实现 


先 来 实现 文 


片上 传 功能 ,具体 包括 前 台 JavaScript 调 用 接口 异步 完成 


片上 传 ， 后 台 对 上 传 的 图 片 进行 验证 和 裁 切 ， 上 传 成 功 后 前 台 显示 成 功 上 传 后 的 


[ 


片 ， 代 码 如 代码 清单 4-1 所 示 。 


[ 


[ 


代码 清单 4-1 “CMS 文章 图 片上 传 


// 文章 图 片上 传 javascript 
和 内 人 人 #article image upload") .fileupload({ 
dataType: 'json', 

url: "index.php?act=publish&op=article image _ upload'"， 

add: function(e,data) { 
// 遍历 需要 上 传 的 图 片 ， 分 别 进行 上 传 
$.each (data.files, function (index, file) { 

// 开始 上 传 时 显示 占 位 图 片 


http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/O0EBPS/Text/. .http://www.hzcourse.com/resource/readBook?path=/or 


1D); 
data.submit (); 
] 
done: function (e,data) { 
result = data.result; 
if(result. status == "success") { 
// 上 传 成 功 后 显示 图 片 
http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/. .http://www.hzcourse.com/resource/readBook?path=/or 
} else { 
// 上 传 失败 显示 错误 信息 
$image box.remove () 7 
showError (result.error) 7 


} 
} 


1 
// 文章 图 片上 传 PHP 
Public function article image uploadop() { 
$data = array(); 


$data['status'] = 'success'; 
if(!empty ($this->publisher name)) { 
if(!empty ($_FILES[ "article image upload']['name'])) { 


$upload = new UploadFile(); 

// 图 片上 传 目录 设置 

Supload->set (‘default dir’, ATTACH CMS ARTICLE); 

// 自动 裁剪 图 片 设置 

S$upload->set ('thumb width','1024,240'); 

$upload->set ( 'thumb height ', "50000,50007) 7 

Supload->set ('thumb ext', ' _max,_list'); 

// 上 传 图 片 

$result = $upload->upfile('article image upload'); 

// 上 传 失败 处 理 

if(!$result) { 
$data['status'] = 'fail'; 
$data['error'] = ' 图 片上 传 失败 '; 


} 
// 处 理 返 回 数据 
$data['file name'] 


二 Supload->file name; 
$data['file path'] 


S$this->attachment path; 
} 

} else { 
$data[l'status'] = 'fail'; 
$data['error'] = Language::get ('no login'); 


} 
self::echo json($data); 
} 


接 下 来 实现 文章 绑 定 商品 功能 : 通过 用 户 输入 的 商品 链接 ， 在 后 台 调 用 对 应 的 接口 读 取 商 品 信息 ， 这 些 信息 通过 处 理 后 显示 到 页 面 上 。 如 果 用 户 输入 了 非法 链接 ， 会 提示 错误 信息 。 代 码 如 代码 清单 4-2 
所 示 。 


代码 清单 4-2 《CMS 文章 绑 定 商品 


// 绑 定 商品 javascript 
$("#btn goods search") .click(function (){ 
If($("#¥article goods list lin) .length < 3) { 
Var search type = $(" [name="'goods_search type']:checked") .val (); 
Var search keyword = $("#goo0ds search keyword") .val (); 
$("#go0ds_ search keyword") .val(""); 
if(search keyword != | 
if(search type == "goods_url") { 
Var url = encodeURIComponent (search keyword); 


$.getJSON ("index.php?act=api&op=goods info by_url"，{ url: url}，function (data){ 
if (data.result 
// 添加 成 功 后 

} else { 
// 如 果 出 现 错误 弹出 错误 信息 


alert (data.message); 


} 
1D); 
} else. { 
$("#div_goods_ select") .load ("index.php?act=api&op=goods list&search type="+tsearch typet"&search keyword="+search keyword); 
} 
} 
} 


1); 
// 绑 定 商品 php 代 码 
public function goods info by urlop() { 
$url = urldecode ($ GET['ur1']); 
if (empty ($url)) { 
self::return json(Language::get('goods not exist'), 'false'); 
} 
$model goods info = Model ('goods info by url'); 
$result = $model goods info->get goods info by url ($url); 
if($result) { 
self::echo json ($result); 
} else { 
self::return json (Language: :get ('goods not exist'), 'false'); 
} 


E 
// 商品 链接 处 理 方法 

public function get goods info by url ($url) { 
$url host name = self::get url domain ($url); 
// 处 理 商城 域名 
$store host name = self::get url domain (SHOP SITE URL); 
Switch ($url host name) { ~ 一 3 
case "tmal1.com': 
case 'taobao.com 


// 判断 是 否 开启 淘宝 接口 支持 


if(C('taobao api isuse')) { 

// 调用 淘宝 接口 

return self::get taobao goods info by url ($url); 
} else { 


return FALSE; 
} 


break; 
Case $store host name: 

// 调用 商城 接口 

return self::get store goods info by url ($url); 
default: Si 

return FALSE; 

break; 


4.14 功能 体验 


在 文章 发 布 页 面 完 成 填写 文章 内 容 、 上 传 文章 图 片 、 绑 定 文章 商品 等 操作 ， 还 可 以 在 上 传 的 图 片 中 选择 一 张 作 为 文章 的 封面 


网 


， 这 张 图 片 将 出 现在 文章 列表 中 ， 如 图 4-2 所 示 。 


在 文章 列表 页 面 展示 文章 列表 ， 包 括 文章 标题 、 文 章 简介 、 文 章 图 片 等 内 容 ， 该 页 面 右 侧 会 显示 文章 标签 和 推荐 文章 ， 如 图 4-2 所 示 。 


在 文章 详细 页 面 显示 文章 的 正文 和 相关 推荐 商品 ， 右 侧 显示 热门 文章 标签 和 推荐 文章 ， 如 图 4-3 所 示 。 用 户 还 可 以 点 击 “ 分 享 ”按钮 将 自己 喜欢 的 文章 分 享 到 微 博 等 SNS 平 台 。 


数码 了 | 


六 问 苹果 iPhone 5c : 改变 在 哪 ? 该 不 该 买 ? 


插入 封面 铀 除 


革 果 在 一 次 发 布 会 上 推出 两 款 IFhone 产 品 。 由 天 发 布 之 前 曾 一 度 传 出 邓 呆 会 推出 麻 价 版 IEhone 的 传 间 ,及至 很 各 钱 息 不 是 很 亦 最 的 


AAA 信人 人 大 入 AAA 


人 也 开始 期 待 能 花 很 低 的 价格 用 上 新 的 IPhone ,iPhone 5c 4488 元 的 高 号 价 格 再 一 次 打消 了 很 多 人 的 积极 性 


A 和 XA 人 ~ ~ 


摘要 限定 在 140 个 字 以 内 。 121/140 


插入 封面 删除 


图 4-1 CMS 文 章 发 布 表单 


门户 首页 资讯 ~ 画 商城 il 积分 中 心 微 商城 


当前 位 置 : 门户 首页 > 资讯 


菜鸟 跑 者 装备 推荐 


作者 : sunzhiqing ”出 处 : 一 淘 玩 客 ”2014-01-16 © 180 


前 一 阵 和 朋友 聊天 ， 他 说 : “一 个 城市 的 生活 压力 大 小 可 以 从 这 个 城市 喜欢 跑步 的 人 的 数量 体现 出 来 ”, 这 句 话 在 北京 马 
拉 松 和 上 海马 拉 松 的 报名 情况 上 得 到 了 验证 。 北 京 马拉松 3 万 个 名 釉 仅 仅 用 了 13 个 小 时 就 报 满 了 。 上 海马 拉 松 则 5 个 小 时 
左右 抢 光 了 网 上 名 铅 ， 现 场 名 额 也 在 第 二 天 中 午 被 "洗劫 一空 。 阅读 全 文 


人 


15 款 水 彩色 鞋 包 点 睛 单 品 甜美 可 人 


ShopNC【B2B2C】 电 商 平台 系统 正式 发 布 
作者 :yanghuacheng 出 处 : ShopNC 2014-01-14 © 629 
中 


ShopNC 于 2014 年 最 新 推出 的 【B2B2C 】 电 商 平台 系统 ， 是 目前 世界 最 领先 的 电 商 平台 管理 系统 。 特 有 的 供应 商人 入驻 系 
统 、 买 卖家 分 高 系统 、 佣 金 结 算 系统 、 售 后 服务 系统 等 更 完善 的 诠释 了 电子 商务 在 现今 及 未 来 的 发 展 模式 。 备 巩 新 功能 20 款 内 炮 鞋 包 热 荐 贯 族 般 的 奢华 设计 ! 
也 从 根源 上 解决 了 电 商 企业 普遍 存在 的 推广 、 招 商 、 盈 利 等 问题 .阅读 全 文 


4-2 CMS 文章 列表 


六 问 苹 果 iPhone 5c : 改变 在 哪 ? 该 不 该 买 ? 手机 包 包 鞋子 ”女人 时 尚 
作者 : dqw ”出 处 : 上 腾讯 数码 。” 2014-01-10 图 分 享 (3) ©@ WR(155) 流行 数码 


苹果 在 一 次 发 布 会 上 推出 两 款 iPhone 产品 。 由 于 发 布 之 前 曾 一 度 传 出 苹果 会 推出 廉价 版 iPhone 的 传 
闻 ， 导 致 很 多 钱包 不 是 很 充 登 的 人 也 开始 期 待 能 花 很 低 的 价格 用 上 新 的 iPhone ,iPhone 5c 4488 元 
的 高 昂 价格 再 一 次 打消 了 很 多 人 的 积极 性 。 


腾讯 数码 讯 ( 吴 彬 ) 苹果 在 一 次 发 布 会 上 推出 两 款 iPhone 产 品 , 从 07 年 iPhone 一 代 
上 市 以 来 ， 这 还 是 头 一 通 。 由 于 发 布 之 前 曾 一 度 传 出 苹果 会 推出 廉价 版 Phone 的 传闻 ， 导 致 
很 多 钱包 不 是 很 充盈 的 人 也 开始 期 待 能 花 很 低 的 价格 用 上 新 的 iPhone ， 不 过 现实 是 残酷 
的 ,iPhone 5c 4488 元 的 高 昂 价 格 再 一 次 打消 了 很 多 人 的 积极 性 。 腾 讯 数码 在 iPhone 5c 
开 卖 的 前 夕 拿 到 了 这 款 手 机 的 零售 版 ， 先 让 我 们 来 帮 您 做 个 全 方位 的 分 析 之 后 ， 再 决定 要 不 © 1196 \ 


要 入 手 5c 吧 。 15 款 水 彩色 鞋 包 点 睛 单 品 甜美 可 人 
问 : iPhone 5c 的 定位 堪 庆 吗 ? 


图 4-3 CMS 文章 详细 页 


4.2 “CMS 画报 


画报 是 以 图 片 为 主 的 媒体 形式 ， 用 户 可 以 上 传 一 组 图 片 ， 图 片 的 内 容 可 以 是 相同 的 商品 或 相同 的 主题 ， 在 前 台 以 幻灯 片 的 形式 展现 给 用 户 。 相 比 以 文字 为 主 的 文章 ， 画 报 的 优势 是 更 加 直观 ， 俗 话说 一 
因 胜 干 言 ， 相 比 阅读 大 段 的 文字 ， 直 接 看 图 更 能 让 用 户 接受 ， 也 更 愿意 通过 图 片 来 获取 信息 。 而 且 对 于 展示 商品 来 说 图 片 也 比 文字 更 加 合适 ， 商 家 可 以 把 各 种 商品 的 组 合 通过 图 片 更 好 地 展示 给 用 户 ， 
对 于 咨询 发 布 以 商品 推介 为 主 的 商城 来 说， 图 片 的 展示 相 比 文字 更 有 说 服 力 。 
4.2.1 模块 构成 
从 整体 上 来 说 ， 画 报 和 文章 类 似 ， 只 不 过 内 容 从 文字 变 成 了 图 片 。 画 报 模块 也 主要 由 发 布 、 审 核 、 管 理 、 分 类 管理 等 几 部 分 组 成 。 
4.2.2 ”设计 思路 
1. 功 能 设计 思路 
在 开发 早期 做 功能 规划 的 时 候 ， 考 虑 到 文章 这 种 传统 类 型 的 一 些 不 足 ， 比 如 文字 过 多 造成 阅读 困难 ， 展 示 也 不 够 直观 ， 虽 然 也 可 以 插入 图 片 ， 但 是 图 文 混 排 以 后 还 是 没 办 法 突出 重点 。 我 们 考虑 到 是 不 
是 可 以 做 一 个 更 加 直接 的 展示 方式 ， 经 过 对 比 我 们 决定 做 一 个 以 幻灯 片 为 展现 形式 ， 完 全 由 图 片 构成 的 文章 类 型 。 没 有 大 段 的 文字 ， 以 图 片 为 主 ， 每 个 图 片 可 以 绑 定 相关 的 商品 ， 可 以 辅助 不 多 的 说 明 
文字 。 用 户 可 以 对 自己 的 商品 进行 组 合 ， 然 后 拍 成 照片 发 布 上 来 进行 展示 ， 非 常 简单 和 直观 。 对 于 一 个 以 购物 为 主 的 网 站 90% 以 上 的 流量 都 是 图 片 ， 图 片 是 最 有 说 服 力 的 表示 形式 。 普 通用 户 也 更 容易 接收 
图 片 ， 可 以 很 直观 地 看 到 各 种 商品 的 组 合 和 搭配 效果 ， 如 果 自己 喜欢 还 可 以 点 击 对 应 商品 的 购买 链接 直接 进行 购买 。 
2. 图 片 延 时 加 载 
画报 由 图 片 组 成 ， 少 则 几 张 十 几 张 多 则 可 能 有 几 十 张 。 而 幻灯 片 需要 等 图 片 加 载 完成 后 才能 执行 JavaScript 代 码 ， 如 果 图 片 过 多 或 者 加 载 比较 慢 ， 页 面 可 能 会 出 现 延 迟 。 因 此 我 们 使 用 了 图 片 延 迟 加 载 
技术 ， 也 就 是 说 只 加 载 需要 当前 显示 的 图 片 ， 当 前 不 显示 的 图 片 先 用 一 个 空白 的 占 位 图 片 进行 代 蔡 ， 当 需要 加 载 的 时 候 再 修改 img 标 签 的 属性 去 加 载 真 正 的 图 片 。 这 样 可 以 大 幅 提 高 页 面 加 载 速度 ， 而 且 由 
于 并 不 是 每 个 用 户 都 会 从 第 一 张 一 直 看 到 最 后 一 张 ， 所 以 也 可 以 减少 很 多 无 用 的 图 片 请 求 。 
4.2.3 代码 实现 
这 里 实现 的 是 图 片 延 迟 加 载 功 能 : 图 片 开始 并 不 显示 ， 等 图 片 出 现 到 显示 位 置 ， 用 JavasScript 蔡 换 图 片 地 址 ， 完 成 图 片 加 载 ， 如 代码 清单 4-3 所 示 。 
代码 清单 4-3 CMS 画报 图 片 延迟 加 载 
// 图 片 延迟 加 载 jQuery 扩展 
(function($) { 
$.fn.nc lazyload = function() { 
var lazy items = []; 
this.each (function() { 
if($ (this) .attr ("data-src") !== undefined){ 
var lazy item = { 
object: $ (this), 
url: $(this) .attr ("data-src") 
ye (lazy_item); 
} 
A load img = function() { 
var window height = $ (window) .height (); 
Var scroll top = $ (window) .scrollTop(); 
$.each (lazy items, function(i, lazy item) { 
if(lazy item.object) { 
item top = lazy item.object.offset () .top - scroll top; 
if(item top >= 0 && item top < window height) { 
if(lazy item.url) { 
lazy_item.object.attr("src",lazy item.url); 
1 = null; 
} 
DD); 
Es 
load img(); 
$ (window) .bind ("scroll", load img); 
D olery) 
4.2.4 功能 体验 
前 台 画 报 列表 页 面 用 于 显示 画报 的 封面 和 画报 内 的 图 片 数量 ， 右 侧 显示 推荐 的 画报 ， 如 图 4-4 所 示 。 


当前 位 置 : 门户 首页 > 画报 


面 报 的 档案 结果 为 ; 17 个 相关 画报 


迈 凯 伦 12C 2013 寺 


L 


送 给 女王 的 新 年 礼物 MK .…. 习 炸 天 的 炫 酷 音 箱 


超 好 用 的 配件 ， 是 支架 ，.… 罗技 的 凤 5s 的 手柄 相当 的 .… 不 可 不 知 的 15 款 雅 诗 兰 芋 … 


4-4 CMS 画报 列表 


前 台 画 报 详细 页 面 以 幻灯 片 的 形式 显示 ， 用 户 可 以 通过 箭头 查看 下 一 张 或 者 上 一 张 图 片 ， 也 可 以 直接 查看 自己 喜欢 的 图 片 ， 其 右 侧 显示 画报 标签 等 信息 ， 如 图 4-5 所 示 。 


当前 位 置 : 门户 首页 > 画报 


太 惊 艳 ， 去 新 西 兰 看 看 最 惊艳 的 6 大 湖泊 。 人 @ 浏览 (59) | 图 分享 (0) ”党 全 部 图 片 


标签 手机 包 包 鞋子 ”女人 
时 尚 促销 男人 流行 数码 


ShopNC 


了 /的 要 : 新 西关 的 湖泊 ,可 以 是 
/9 旅游 目的 地 ， 也 可 以 是 您 前 往 

其 他 地 方 途中 度 过 坪 诬 一 刻 的 
场所 。 新 西 兰 北 岛 的 许多 湖泊 是 古代 火山 爆 涯 
的 产物 ， 南 岛 的 大 多 数 湖泊 是 冰河 活动 的 产 
物 。 


投稿 : sunzhiqing(2014-01-16) 
出 处 : ShopNC【B2B2C ] 电 商 系统 


相关 商品 : 


图 4-5 CMS 画报 详细 页 


4.3 “CMS 专题 


专题 是 一 个 方便 制作 专题 页 面 的 组 件 。 现 在 商城 都 需要 针对 不 同 活动 制作 相应 的 专题 页 面 ， 这 些 专题 页 


点 选择 使 用 几 个 基础 组 件 组 合 的 方式 ， 这 样 可 以 快速 制作 出 丰富 的 专题 。 针 对 商城 网 站 的 特点 ， 我 人 


门 并 没有 开发 过 分 复杂 的 专题 功能 ， 


题 功 能 对 商城 来 说 是 没有 用 处 的 。 因 此 ， 我 们 开发 的 目标 是 提供 相对 较 少 的 表现 力 很 强 的 组 件 ， 方 便 制 作出 内 容 丰富 的 专题 。 


4.3.1 模块 构成 


专题 可 以 对 页 面 背景 、 背 景 平 铺 方式 等 进行 设置 。 在 专题 内 可 以 使 用 图 片 热点 、 通 栏 图 片 、 商 品 模块 等 。 图 片 热点 就 是 在 上 传 的 一 张 图 片上 用 鼠标 选取 热点 区 域 并 添加 链接 。 通 栏 图 片 是 上 传 一 张 图 片 


并 设置 链接 。 商 品 模块 是 通过 商品 链接 添加 多 个 商品 的 一 种 展现 形式 。 


面 需要 有 丰富 的 展现 形式 ， 同 时 由 于 时 效 性 很 强 需要 快速 上 线 。 在 开发 专题 组 件 时 ， 针 对 这 些 特 
功能 过 分 复杂 全 面 ， 学 习 成 本 肯定 会 非常 高 ， 而 且 大 多 数 传统 CMS 专 


专题 编辑 时 可 以 做 到 所 见 即 所 得 ， 编 辑 完成 后 可 以 进行 预览 ， 确 认 无 误 后 发 布 到 前 台 页 面 ， 在 发 布 时 可 以 选择 作为 CMS 专题 或 者 商城 专题 来 发 布 。 作 为 CMS 专题 发 布 时 专题 页 面 整体 风格 与 CMS 一 


致 ， 作 为 商城 专题 发 布 时 ， 专 题 整体 风格 与 商城 保持 一 致 。 专 题 页 面 发 布 后 直接 生成 静态 html 文 件 ， 


4.3.2 设计 思路 


1. 背 景 设计 思路 


一 个 内 容 丰富 的 专题 页 面 ， 需 要 背景 参数 的 辅助 ， 但 是 背景 一 般 都 需要 使 用 CSS 进 行 设置 ， 如 果 统一 设置 参数 ， 那 么 所 有 的 专题 页 


式 、 边 距 等 多 个 背景 参数 的 功能 ， 对 这 些 背 景 参数 进行 合适 的 组 合 可 以 制作 出 丰富 的 页 面 背景 效果 ， 


| 


网 


片 热点 设计 思路 


使 每 个 专题 页 面 都 可 以 有 自己 不 同 的 背景 风格 。 


前 台 显 示 时 直接 加 载 ， 不 需要 读 取 数 据 库 等 操作 ， 可 以 有 效 地 提高 专题 页 面 的 整体 性 能 


bo 


面 就 会 干 篇 一 律 。 因 此 我 们 为 专题 页 面 增加 了 设置 背景 图 片 、 对 齐 方 


在 开发 的 时 候 ， 我 们 分 析 了 专题 的 使 用 场景 ， 也 咨询 了 一 些 客户 实际 使 用 的 需求 。 发 现 专题 一 般 使 用 的 时 间 比 较 短 ， 只 使 用 几 天 ， 但 是 时 效 性 比较 强 ， 需 要 快速 上 线 ， 可 能 刚刚 定 下 来 的 促销 方案 马上 
就 需要 制作 专题 页 面 并 上 线 。 在 对 比 了 各 大 网 站 的 专题 页 面 后 ， 也 印证 了 这 一 点 ， 其 中 大 部 分 专题 页 面 都 是 使 用 图 片 热 点 的 方式 制作 的 ， 这 种 方式 的 


区 域 就 可 以 了 。 如 果 使 用 裁 图 再 制作 html 页 面 的 方式 ， 本 身 就 需要 更 大 的 工作 量 ， 而 且 还 要 考虑 不 同 浏览 器 的 兼容 性 ， 制 作 完 成 还 需要 大 量 的 测试 工作 ， 这 样 的 速 


优势 是 制作 非常 快速 ， 只 需要 制作 好 图 片 并 设 定好 热点 


但 是 怎么 方便 地 制作 图 片 热 点 呢 ? 传 统 的 流程 是 美工 制作 好 


[ 


址 ， 就 可 以 完成 专题 的 制作 ， 不 需要 专业 的 Web 开 发 人 员 ， 也 不 需要 使 用 专用 工具 。 而 且 这 种 图 片 热点 组 件 使 有 


度 肯 定 不 能 满足 专题 的 时 效 性 。 


片 ， 然 后 交 给 Web 开 发 人 员 使 用 专业 的 工具 制作 相应 的 页 面 并 生成 页 面 代码 ， 代 码 再 将 图 片 交 给 网 站 编辑 更 新 网 站 。 这 样 的 流程 环节 多 效 


率 比较 低 ， 如 果 需 要 修改 又 可 能 出 现 很 多 沟通 问题 。 为 此 我 们 开发 了 一 种 简单 的 制作 图 片 热 点 的 组 件 ， 网 站 编辑 只 需要 上 传 美工 制作 好 的 图 片 ， 然 后 用 鼠标 在 图 片上 直接 选择 合适 的 区 域 并 设置 好 链接 地 


3 .专题 的 加 载 方式 


每 一 个 专题 页 面 可 能 是 网 站 的 主推 的 活动 ， 可 能 在 短 时 间 内 有 大 量 的 访问 ， 如 果 每 次 访问 都 从 数据 库 读 取 数 据 ， 可 能 会 给 数据 库 带 来 很 大 的 压力 
编辑 在 完成 专题 制作 后 直接 发 布 生成 静态 页 面 ， 每 次 访问 直接 访问 静态 页 面 ， 执 行 效率 能 有 大 幅度 的 提升 。 


4 专题 的 整体 风格 


在 最 初 设计 的 时 候 ， 专 题 是 CMS 套件 的 一 个 组 成 部 分 ， 只 能 和 CMS 使 用 统一 的 整体 风格 。 经 过 


比较 简单 ， 学 习 成 本 很 低 ， 普 通 的 网 站 编辑 就 可 以 轻松 完成 ， 而 且 修 改 也 十 分 方便 。 


。 因 此 我 们 的 专题 采用 直接 生成 静态 页 面 的 方式 ， 网 站 


用 户 反 馈 ， 我 们 发 现 很 多 用 户 也 需要 在 商城 中 使 


专题 页 面 ， 而 且 商 城内 的 专题 页 面 需 


与 商城 风格 统 


一 ， 因 此 在 后 续 的 开发 中 我 们 针对 这 个 需求 开发 了 专题 发 布 到 商城 的 功能 。 这 样 制 作出 来 的 专题 页 面 在 发 布 时 可 以 发 布 到 ，CMS 也 可 以 发 布 到 商城 中 ， 而 县 可 以 随时 切换 ， 非 常 灵活 ， 既 i 


闻 的 需要 ， 也 满足 了 商城 制作 活动 专题 的 需要 。 


4.3.3 ”代码 实现 


生成 专题 静态 文件 部 分 的 代码 ， 将 专题 页 面 直 接生 成 静态 HMTL 文 件 ， 如 代码 清单 4-4 所 示 。 


代码 清单 4-4 “CMS 专题 生成 静态 文件 


// 获取 专题 详细 内 容 
private function get cms special detail ($special id) { 
$model_ special = Model('cms special'); 
$special detail = $model special->getOne (array('special id'=>$special id) ) 7 
TP1: :output ('special detail', $special detail); a 加 
TP1: :showpage ('cms_special.detail'"， "null_ layout'); 


} 
// 生成 静态 文件 
private function generate html ($special id) { 
$html_ path = BASE UPLOAD PATH.DS.ATTACH CMS.DS.'special html'.DSs; 
if(!is dir($html Path) ) { 
if (!@mkdir ($html path, 0755)){ 
showMessage (Language: :get ('cms_special build fail'),'','','error'); 
} 
} 
ob start(); 
$this->get_cms_ special detail ($special id); 


$result = file put contents ($html _ path.md5 ('special'.$special id).'.html', ob get clean()); 


if(!$result) { 
showMessage (Language: :get ('cms_special build fail'),'','','error'); 


4.3.4 功能 体验 


在 专题 发 布 页 面 中 按照 表单 内 容 填写 ， 完 成 后 发 布 ， 如 图 4-6 所 示 。 


足 了 CMS 专题 计 


标题 不 能 超过 24 个 字 


| 资讯 资讯 类 型 将 出 现在 资讯 频道 内 ， 商 城 类 型 将 出 现在 商城 内 


水 专题 封面 图 : 


| ,全 。 请 上 传 990 像 素 X240 像 素 的 图 片 作为 专题 页 面 的 封面 图 


专题 页 面 背 景 设 置 


专题 页 面 背景 设置 


CE 背 又 色 即 专题 页 面 CSS 导 性 中 bodyf background-colorj" 值 ,作为 专业 页 面 台 人 
背景 图 选择 

| | ,| ,人 背 术 田 即 专题 页 面 CSS 属 性 中 bodyf background-imagej" 值 , 选择 本 地 图 片上 
育 景 图 填充 方式 


〇 不 醒 复 ” 口 平 铺 。” 〇 x 轴 平 铺 。 〇 y 轴 平 铺 肖 票 图 填充 方式 即 专题 页 面 CSS 属 "body{ background-repeai)" 值 ， 选 择 不 重复 


专题 正文 内 容 : 


内 容 块 距 项 部 |0 像素 内 容 块 距 顶 部 高 度 即 专题 主体 部 分 距 痪 页 面 项 部 的 边 距 (margin-top) 值 ， 如 果 您 


预览 编辑 


图 4-6 CMS 专题 发 布 表单 


专题 范例 显示 效果 ， 用 户 可 以 通过 简单 的 操作 就 可 以 制作 出 专业 的 专题 页 面 效 果 ， 并 且 不 需要 太 多 的 专业 知识 ， 如 图 4-7 所 示 。 


OCIAIZO 春 装 水 洗 做 旧 短 外 
套 复 古话 白 短 款 牛 仔 外 大 春 
价格 : 249.00 


4.4 CMS 首页 编辑 


首页 是 所 有 网 站 浏览 量 最 大 的 地 方 ， 对 于 一 个 网 站 而 言 是 最 


二 六 一 一 


春装 侍 卖 赴 出 清 EE 


后 动 盯 间 : 4.25-4.28 


包 邹 夏季 新 款 韩 版 攻 款 牛仔 品质 体验 IAIZO 春 装 磨 白 修 血 ONLY 品 共 压 得 拼接 修身 连 
短裤 女 破 洞 漂 点 执 诉 短裤 牛 牛仔 裤 女 式 圭 身 铅笔 补 衣 裙 E( 全 
价格 : 138.00 价格 : 189.00 价格 : 349.00 


图 4-7 ”CMS 专题 详细 页 


重要 的 地 方 ， 能 和 否 灵活 地 编辑 首页 内 容 ， 控 制 首 页 的 展现 形式 是 CMS 首页 编辑 模块 需要 首要 考虑 的 问题 。 我 们 在 开发 的 时 候 为 CMS 首页 编辑 


模块 建立 了 丰富 的 布局 、 组 件 和 模块 ， 这 样 网 站 管理 员 可 以 利用 这 些 组 件 快速 制作 出 丰富 的 页 面 。 针 对 首页 高 访问 量 的 特点 ， 采 用 后 台 编辑 后 直接 生成 静态 html 页 面 的 方式 对 首页 进行 部 署 ， 访 问 首页 时 直 
接 加 载 静态 文件 ， 不 需要 查询 数据 库 和 其 他 额外 操作 ， 极 大 地 保证 了 首页 的 加 载 速度 。 


4.4.1 ”模块 构成 


首页 由 各 个 模块 组 成 ， 可 以 自由 添加 多 个 模块 。 模 块 分 为 标准 模块 和 自 定义 模块 : 标准 模块 是 系统 预先 设置 好 的 模块 类 型 ， 布 局 和 模块 内 容 类 型 都 是 规定 好 的 ; 自 定义 模块 是 用 户 可 以 自由 设 定 的 ， 用 
户 可 以 自己 选择 布局 和 每 个 布局 块 所 显示 的 内 容 类 型 。 通 过 各 个 模块 的 组 合 可 以 制作 出 内 容 丰富 的 首页 内 容 。 


4.4.2 设计 思路 


1. 总 体 结构 设计 思 


在 做 功能 分 析 的 时 候 ， 对 于 首页 的 编辑 功能 进行 了 深入 的 分 析 ， 也 对 比 了 一 些 类 似 产 品 的 实现 方式 。 对 于 一 些 专 业 门 户 网 站 ， 首 页 布局 和 版 块 是 固定 的 ， 不 需要 经 常 对 布局 进行 修改 ， 只 需要 更 新 内 容 
即 可 ， 整 体 布局 和 风格 可 能 几 年 才 做 一 次 比较 大 的 改版 ， 这 样 其 实 就 不 太 需 要 强大 的 首页 布局 调整 功能 了 ， 改 版 的 时 候 专业 的 Web 开 发 人 员 可 以 使 用 专业 的 工具 进行 重新 开发 ， 而 且 不 受 任何 限制 ， 任 何 想 


法 都 可 以 实现 。 


然而 有 一 些 专业 的 CMS 程 序 又 把 首页 编辑 功能 做 得 过 于 全 面 ， 想 把 所 有 专业 开发 工具 的 功能 全 部 都 实现 ， 但 是 这 几乎 是 不 可 能 的 ， 不 仪 功能 无 法 实现 ， 程 序 也 十 分 复杂 ， 维 护 成 本 非常 高 ， 而 且 出 现 问 
题 的 情况 也 比较 多 ， 做 一 些 复杂 的 操作 对 性 能 的 影响 也 很 大 。 更 为 重要 的 是 操作 起 来 十 分 复杂 ， 普 通用 户 很 难 学 会 ， 专 业 开 发 人 员 又 更 愿意 用 专业 的 Web 开 发 工具 ， 所 以 最 终 的 结果 是 功能 复杂 ， 用 户 不 会 
用 ， 实 现 的 功能 基本 没什么 用 处 ， 用 户 想 要 的 基本 都 没有 ， 理 想 的 效果 做 不 出 来 ， 成 为 一 个 看 着 很 美好 实际 用 处 不 大 的 鸡肋 功能 ， 最 后 还 需要 专业 开发 人 员 去 开发 。 在 进行 分 析 以 后 ， 我 们 决定 采用 一 个 折 
中 的 方式 ， 在 一 定 的 规则 下 给 用 户 一 些 自由 选择 的 权利 。 最 终 目标 是 让 一 些 非 专业 开发 人 员 ， 可 以 方便 快速 地 制作 出 内 容 丰 富 的 首页 来 。 我 们 采取 的 是 搭 积木 的 方式 ， 每 一 个 模块 就 相当 于 用 户 手中 的 积 
木 ， 用 户 通过 不 同 模块 的 组 合 和 搭配 ， 制 作出 各 种 风格 的 页 面 。 早 期 版 本 用 户 只 能 使 用 系统 预制 的 模块 ， 后 期 我 们 又 开发 了 自 定义 模块 功能 ， 使 首页 编辑 功能 更 加 强大 灵活 。 其 中 ， 标 准 模块 用 户 不 能 做 任 


何 修改 ， 


2. 标 准 模块 设计 思路 


在 早期 版 本 开发 的 时 候 ， 我 们 的 第 一 个 目标 是 能 够 让 
然 灵活 性 受 一 些 限制 ， 但 是 对 于 大 多 数 网 站 来 说 也 是 够 


自 定义 模块 


户 快速 搭建 出 首页 内 容 ， 


户 可 以 自由 进行 创建 和 删除 ， 但 是 创建 后 不 能 做 修改 ， 而 在 删除 后 相对 应 已 经 使 


此 我 们 先 内 


了 几 个 固定 的 模块 。 这 些 模块 的 布 


了 ， 而 且 固 定 模块 制作 简单 方便 ， 很 快 就 能 学 会 。 这 些 固 


页 的 第 一 屏 内 容 ， 两 种 不 同 风格 的 文章 模块 适合 做 主要 新 闻 内 容 的 填充 ， 通 栏 图 片 模块 比较 适合 做 通栏 广告 。 


3. 自 定义 模块 设计 思路 


在 完成 了 标准 模块 的 开发 之 后 ， 我 们 就 开始 规划 自 定义 模块 的 开发 工作 。 首 先是 
自己 选择 的 ， 比 如 是 两 栏 、 三 栏 还 是 通栏 ;其 次 每 一 栏 


首先 我 们 先 实现 布局 方式 的 选择 。 如 何 让 


体 放 什么 内 容 也 应 该 可 以 让 


的 模块 也 会 被 同步 删除 。 


局 和 内 容 形式 都 是 固 


自 定义 模块 应 该 是 什么 样子 的 ， 哪 些 东西 是 可 以 让 


户 自 己 选 


定好 的 ， 不 过 各 种 模块 可 以 任意 组 合 在 一 起 。 虽 
定 模块 包括 : 综合 模块 、 文 章 模块 、 通 栏 图 片 模块 ， 其 中 综合 模块 内 容 比较 丰富 适合 做 首 


择 的 。 经 过 权衡 我 们 认为 : 首先 模块 内 布局 应 该 是 可 以 让 


决定 ， 比 如 有 的 


户 想 左边 放 文章 右边 放 商 品 ， 有 的 


户 方便 地 选择 布局 方式 ， 经 过 对 比 和 测试 我 们 还 是 决定 内 置 几 种 常见 的 主流 布局 ， 让 


户 自己 去 选 


能 放 入 不 同 的 内 容 ， 而 且 不 同 的 内 容 在 不 同 的 宽度 下 展示 可 能 会 有 不 同 的 效果 ， 如 果 每 个 


栏 、 多 栏 等 8 种 页 面 布局 ， 能 够 满足 


户 的 各 种 页 面 需 


， 即 使 


如 果 模 块 的 布局 只 能 使 用 固定 的 内 容 ， 那 么 自 定义 也 就 失去 了 实际 的 意义 ， 所 以 我 们 让 每 个 
个 块 的 内 容 是 不 同 的 。 这 相当 于 自己 建立 多 个 自 定义 模块 的 模板 ， 在 建立 好 


板 都 可 以 设 定 自己 的 名 称 。 


4 操作 方式 设计 思路 


在 操作 方式 上 ， 我 们 在 模块 列表 中 使 


户 有 更 多 的 要 求 ， 也 可 以 方便 地 进 


自 定义 模块 的 


户 设 定 的 宽度 都 不 一 样 ， 都 需要 再 和 
行 二 次 开发 。 


自己 的 模板 库 后 ， 在 使 


时 添加 自己 的 


了 示意 图 的 方式 进行 展示 ， 这 样 比较 方便 排序 和 对 模块 进行 设置 。 在 模块 内 我 们 采 


a 独 调 整 样式 ， 操 作 就 会 很 复杂 。 


户 想 左边 放 商 品 右边 放 店铺 。 


择 ， 而 不 是 让 用 户 自己 画 或 者 输入 宽度 。 由 于 每 个 块 都 可 


经 过 选择 我 们 为 


区 域 都 可 以 在 建立 的 时 候选 择 不 同 的 内 容 ， 


设置 完成 以 后 可 以 先进 行 预览 ， 然 后 进行 修改 ， 在 内 容 最 终 确定 以 后 ， 点 击 “ 生 成 ”按钮 直接 生成 首页 的 静态 文件 。 


4.4.3 ”代码 实现 


添加 和 删除 模块 可 以 完成 首页 模块 的 添加 和 删除 操作 ， 同 时 对 操作 进行 权限 验证 ， 如 代码 清 生 


代码 清单 4-5 《CMS 首页 编辑 模块 添加 、 删 除 


4-5 所 示 。 


了 所 见 即 所 得 的 可 视 化 编辑 方式 ， 这 样 更 直观 地 方便 


进行 操作 。 


户 提供 了 通栏 、 两 栏 、 三 


户 可 以 建立 多 个 结构 相同 的 自 定义 模块 ， 但 是 每 
自 定义 模块 ， 然 后 填充 内 容 ， 就 完成 了 首页 的 编辑 。 为 了 方便 区 分 ， 每 个 自 定义 模块 的 模 


户 在 


/** 
* 模块 添加 
$y 


public function add page moduleOp() { 


} 
xx 


$data = array()7 
$data['result'] = TRUE; 


if (empty($ POST['module name'])) { 
$data[l'result'] = FALSE; 
$data['message'] = ' 参 数 错误 '; 
} else { 


$model index module = Model('cms index module'); 


Snew_module = array( 


Snew module['module title'] = $ POST['module title']; 
Snew_module['module name'] = $ FEOST['module name']; 
$new module['module type'] = $ POST['module type']; 
Snew module['module style'] = "stylel'; 
Snew_module['module view'] = 1; 


$result = $model index module->save ($new module) 


if($result) { 


$data['module id'] = $result; 
$datal 'module style'] = $new module['module style']; 
$data['module view'] = $new module['module view']; 

} else { i 
$data['result'] = FALSE; 
$data['message'] = ' 添 加 失败 '; 


} 
} 


echo json encode ($data); 


和 类 日 除 


public function drop page moduleOp() { 


$data = array(); 

$data[l'result'] = TRUE; 

Smodule id = intval($ POST['module id']); 

if (empty ($module id)) { 一 
$data['result'] = FALSE; 
$data['message'] = ' 参 数 错误 '; 

} else { 


$model index module = Model ('cms index module'); 


$result = $model index module->drop (array ('module id'=>$module id) )3 


if(!$result) { 
$data['result'] = 
$data['message'] = 
} 


FALSE; 
"删除 失败 "7 


echo json encode ($data); 


4.4.4 功能 体验 


在 首页 编辑 操作 页 面 ， 


在 添加 自 定义 模块 时 ， 首 先 选择 模块 布局 ， 目 前 有 8 种 布局 形式 ， 可 以 满足 大 多 数 的 需 


户 从 右 侧 选择 模块 添加 到 左 侧 首页 列表 。 还 可 以 点 击 


自 定义 模块 标签 ， 


选择 或 者 添加 


自 定义 模块 ， 如 图 


， 如 苞 


4-9 所 示 。 


4-8 所 示 。 


| 驱 弱 | | 生成 首页 | | 查看 首页 


综合 模块 


图 4-8 CMS 首页 编辑 操作 页 面 


右边 栏 两 列 结构 在 边栏 混合 结构 左边 栏 混合 结构 


图 4-9 CMS 首页 编辑 自 定义 布局 选择 


Wi'1000 
H:400 


Wi1000 
Hi350 


告 模块 


W1000 
H:100 


在 为 自 定义 模块 选择 模块 内 容 时 ， 用 户 可 以 根据 自己 的 需要 任意 组 合 ， 每 一 个 块 内 都 可 以 根据 实际 需要 放置 任何 内 容 ， 如 图 


4-10 所 示 。 


添加 自 定 义 模块 


乡 自 定义 模块 
隐 霜 标题 


| 重新 选择 框架 | 保存 | 


图 4-10 CMS 首页 编辑 自 定 义 布局 内 容 选 择 


接 下 来 体验 文章 模块 的 可 视 化 编辑 ， 用 户 点 击 对 应 块 的 “编辑 ”按钮 ， 可 以 完成 对 该 块 内 容 的 编辑 ， 在 弹出 的 编辑 窗口 里 对 不 同 的 内 容 进行 添加 修改 ， 如 图 4-11 所 示 。 


今日 头条 ET 辆 转 坊 #8: | 国 坟 分 关 | 
ShopNC【B2B2C】 电 商 平台 系统 正式 ..。 “县 饰 圣 中 


ShopNC 于 2014 年 及 新 推出 的 【B282C】 电 两 习 台 系统 , 是 目前 世界 女装 男装 内 衣 运动 女儿 
服 锦 先 的 电 商 平 名 管理 系统 。 特 有 的 供应 商人 驻 系统 、 买 次 家 分 商 系 纺 、  ， 男 娃 配饰 章 装 
用 全 续 算 系统 ， 信 后 服务 系统 和 更 完善 府 么 了 电子 商务 坟 B 坟 钥 文章 | | ， 珠宝 手表 


寻找 迷失 的 感觉 走 进 世 界 .,.。 菜鸟 跑 者 装备 推荐 时 尚 饰品 怨 饰 钴 石 饰 品 


A ZN 0 清 be 熙 聚 玉石 宝石 珍珠 钟表 手表 
pe 吃 办 公 室 女性 应 隅 的 清 上 时 明 


数 太 磅 + 上 礼品 箱包 
世 编辑 田 文 编 加 文章 | ， 测 流 女 包 时尚 男 包 功能 箱包 


| 办 回 子 更 新 | 七 编辑 图 片 | 编辑 文章 


已 选择 文章 


文章 摘要 ; ShopNC 于 2014 年 最 新 推出 的 【B2B2C 】 电 商 平 台 系 统 ， 是 日 前 世界 县 辆 先 的 电 ,. 


us。 仇 玛 ] ShopNC [B2B2C 】 电 商 平台 系统 正式 发 布 (2014-01-14) 


维多利亚 的 袍 号 绝对 亚麻 系 @ 超 卡 畦 伊 
的 来 了 哦 赞 一 下 


Q 


[默认 ] 花 64W 买 的 ， 大 家 看 看 值 吗 ? 
[点 认 ] 一 个 同学 把 相片 放 在 教室 忘记 拿 走 后 。。。 
[默认 ] 看 到 一 个 妹子 送 丑 退 的 前 男友 一 把 雨伞 ， 并 附 .… 


向 向 ES 用 阿 空 才 亚 人 尘 石油 浴 治 病 每 次 只 能 .… En 
一 we ， 怎 a < 
人 让 和 和 全 人 
小 多 路 
人 尼亚加拉 温 布 通 严 赛 冰 竺 “ 冰 温 "局 现 ..， 


彼得 大 帝 问 华 ”三 年 来 ,你 性 ”有 奖 靖 字 ! 猪 。 茂 束 传说 , 
宫 股 里 口味 ”一 没 变 的 是 ? ”到 有 神 矿 礼品 西双版纳 : 让 世界 ..， 早餐 时 吃 勺 芝麻 暂 能 解决 吃 饱 没 营养 … 进入 商城 


图 4-11 CMS 首页 块 编 辑 


首页 展示 最 终 效 果 ， 用 户 只 需要 上 传 图 片 编辑 文字 就 可 以 制作 出 专业 的 站 点 首页 ， 而 且 展 现形 式 和 内 容 十 分 灵活 ， 如 图 4-12 所 示 。 


商城 团购 积分 中 心 微 商城 活动 专区 


今日 头条 


ShopNC【B2B2C】 电 商 平台 系统 正式 ...。 “用 饰 娃 由 


ShopNC 于 2014 年 最 新 失 出 的 【B2B2C]】 电 高 平台 系统 , 足 忆 前 此 界 。 文革 男装 内 家 运动 女 圣 
最 领先 的 电 商 平 台 管理 系统 。 特 有 的 供应 商人 驻 系统 、 买 卖家 分 高 系统 、 男 奸 配饰 童装 
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图 4-12 CMS 首页 最 终 效 果 


4.5 ”其 他 功能 


4.5.1 评论 


评论 是 CMS 的 重要 功能 之 一 ， 不 仅 可 以 增加 用 户 的 参与 度 ， 还 可 以 为 用 户 提供 一 个 交流 的 途径 ， 而 且 一 个 精彩 的 评论 还 可 能 为 文章 增色 不 少 。 在 开发 评论 功能 的 时 候 ， 我 们 采用 了 现在 比较 流行 的 盖 楼 
模式 ， 这 种 模式 类 似 早期 的 论坛 ， 用 户 可 以 针对 评论 再 进行 评论 ， 然 后 按照 评论 的 顺序 显示 。 这 样 的 优点 是 可 以 在 评论 之 间 建 立 联 系 ， 相 关 的 评论 在 一 起 ， 增 加 了 互动 性 和 用 户 的 参与 度 。 不 过 ， 普 通 的 评 
论 都 是 平 级 的 ， 都 是 针对 文章 本 身 的 ， 评 论 之 间 很 难 建立 联系 ， 互 动 性 和 讨论 的 效果 大 打折 扣 。 


评论 作为 一 个 基础 功能 ， 文 章 和 画报 都 可 以 使 用 ， 但 必须 是 登录 用 户 才 可 以 发 表 评论 ， 未 登录 的 时 候 会 提示 需要 登录 ， 这 样 可 以 在 一 定 程度 上 限制 垃圾 信息 的 产生 。 而 且 平 台 可 以 设置 是 否 开启 全 站 的 
评论 功能 ， 或 者 哪些 文章 可 以 评论 哪些 不 可 以 评论 ， 还 可 以 在 后 台 集中 管理 评论 ， 针 对 用 户 和 关键 字 进 行 搜索 ， 对 违规 评论 进行 删除 ， 极 大 地 方便 了 平台 的 管理 工作 。 


对 于 垃圾 信息 的 处 理 ， 又 是 一 个 比较 复杂 的 话题 ， 涉 及 自动 学 习 ， 关 键 字 匹 配 和 智能 过 滤 等 方面 ， 这 需要 结合 自己 的 实际 需求 有 针对 性 地 进行 二 次 开发 ， 这 里 不 做 深入 讨论 。 在 数据 量 不 大 的 时 候 ， 可 
以 暂时 使 用 人 工 审核 的 方式 。 如 图 4-13 所 示 。 
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4.5.2 心情 


心情 是 评论 的 一 种 补充 ， 有 时 人 们 看 了 文章 后 有 一 些 想法 ,但 是 又 不 想 写 一 些 文字 或 不 知道 有 什么 可 以 写 的 ， 就 可 以 在 各 种 心情 


一 个 态度 。 这 是 一 种 比较 简单 方便 的 评论 文章 的 方式 ， 如 图 4-14 所 示 。 
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标 中 选择 一 个 ， 或 者 支持 或 者 反对 或 者 无 所 谓 ， 来 表达 自己 对 文章 的 


4.5.3 分享 


》 享 是 通过 微 博 等 接口 ， 把 自己 喜欢 的 文章 、 画 报 分 享 出 去 ， 这 样 可 以 在 更 多 的 地 方 进行 推广 ， 扩 大 网 站 的 影响 力 。 用 户 在 绑 定 相应 的 微 博 账号 后 ， 看 到 喜欢 的 文章 可 能 想 告诉 自己 的 朋友 ， 这 时 可 以 
点 击 “ 分 享 ”按钮 ， 填 写 自 己 的 推荐 内 容 ， 选 择 要 分 享 的 第 三 方 平 台 ， 点 击 “ 分 享 ”按钮 后 程序 会 调用 相应 的 接口 把 内 容 、 图 片 和 链接 等 信息 自动 发 送出 去 ， 发 送 的 同时 还 会 同步 到 商城 的 SNS， 出 现在 
户 的 SNS 个 人 主页 中 ， 如 图 4-15 所 示 。 


2014-01-10 困 分 享 (3) 四 浏览 (156) 


六 问 菜 果 iPhone 5c : 改变 在 哪 ? 该 不 该 买 ? 


和 作者 : dqw 出 处 : 腾讯 数码 
5 苹果 在 一 次 发 布 会 上 推出 两 款 iPhone 产 品 。 由 于 发 布 之 前 曾 一 度 传 


出 苹果 会 推出 廉价 版 iPhone 的 传闻 ， 导 致 很 多 钱包 不 是 很 充盈 的 人 


欢 就 写 一 些 推荐 的 理由 给 大 家 看 ! 


图 4-15 CMS 分享 


4.5.4 ”导航 管理 


平台 可 以 自 定义 CMS 的 主导 航 菜单 ， 在 文章 、 画 报 、 专 题 的 基础 上 还 可 以 添加 其 他 站 点 的 链接 ， 比 如 链接 到 商城 或 者 其 他 的 自 有 站 点 ， 使 各 个 功能 相对 独立 的 站 点 成 为 一 个 相互 联系 的 整体 ， 同 时 也 方 
便 用 户 在 各 个 功能 站 点 之 间 跳 转 。 


4.6 ”本 章 小 结 


CMS 模式 是 目前 门户 型 电 商 运营 模式 之 一 ， 本 章 介绍 了 CMS 的 一 些 设计 思路 与 处 理 方式 ， 希 望 可 以 抛砖引玉 ， 对 大 家 有 所 启发 。 


第 5 章 ”社交 平台 的 设计 与 实现 


近年 来 ， 电 子 商务 网 站 的 社区 化 成 为 互联 网 行业 热 议 的 话题 。 从 垂直 媒体 、 社 交 网 站 、 微 博 等 利用 流量 优势 为 电子 商务 企业 提供 营销 服务 ， 到 电子 商务 网 站 自行 开设 博客 、 微 博 、 论 坛 等 活跃 新 老 客 
户 ， 再 到 美丽 说 、 蘑 菇 街 等 专门 定位 于 购物 分 享 社区 的 出 现 ， 社 交 化 电子 商务 的 形式 多 种 多 样 。 


对 于 商家 和 平台 而 言 ， 电 子 商务 社交 化 可 以 认为 是 通过 分 享 、 交 流 、 讨 论 、 互 动 等 社交 化 的 元 素 吸引 用 户 购买 的 过 程 。 从 消费 者 的 角度 来 看 ， 社 交 化 电子 商务 体现 在 消费 者 购物 前 的 店铺 选择 、 商 品 比 
较 等 ， 体 现在 购物 过 程 中 通过 IM、 论 坛 等 与 电子 商务 企业 间 的 交流 和 互动 ， 也 体现 在 购买 商品 后 消费 评价 及 购物 分 享 等 。 


ShopNC 商 城 系统 对 电子 商务 网 站 的 社交 化 进行 了 深入 的 探索 ， 开 发 出 SNS 模 块 和 圈子 套件 。 


5.1 SNS 模 块 


制作 SNS 模 块 的 目的 就 是 借用 消费 者 群体 的 智慧 ， 以 用 户 购物 的 亲身 体验 和 用 户 间 的 分 享 交 流 来 提供 更 多 对 消费 者 有 价值 的 商品 信息 ， 从 而 转化 为 消费 行为 ， 增 加 用 户 黏度 ， 提 高 购买 转化 率 。 


5.1.1 模块 构成 


、 转 发 、 评 论 他 人 的 动态 ， 把 喜欢 的 图 片上 传 到 相册 ， 分 享 给 大 家 看 。 


会 员 可 以 在 SNS 模 块 中 分 享 心情 、 分 享 喜欢 的 商品 和 喜欢 的 店铺 。 关 注 了 他 人 并 查看 


内 SNS 或 站 外 。 


添加 站 外 分 享 功能 : 在 店铺 页 、 商 品 页 等 与 商品 和 店铺 有 关 的 列表 页 面 添加 “分 享 ”按钮 ， 可 以 把 商品 或 店铺 分 享 到 站 
分 享 过 的 店铺 、 上 传 的 相册 。 个 人 中 心 也 是 向 他 人 展示 的 平台 ， 其 他 用 户 可 以 浏览 相关 的 信息 。 


独立 的 个 人 中 心 : 每 个 会 员 都 有 自己 用 于 展示 分 享 过 的 动态 ， 分 享 、 喜 欢 过 的 商品 ， 


多 种 关注 他 人 方法 : 用 户 可 以 通过 名 称 、 所 在 地 、 年 龄 段 、 性 别 、 兴 趣 标签 等 方式 查找 


5.1.2 ”设计 思路 


在 这 里 主要 介绍 一 下 分 享 和 相册 的 设计 思路 。 


1. 分 享 设计 


图 5-1 所 示 为 会 员 动 态 的 操作 流程 。 


》 享 是 把 140 个 字符 的 简短 内 容 广播 给 关注 自己 的 好 友 ， 主 要 分 为 四 个 部 分 : 发 表 功能 、 评 论 功能 、 转 发 功能 、 删 除 动态 。 如 


删除 动态 


图 5-1 会 员 动 态 的 操作 流程 


户 可 以 把 自己 喜欢 的 商品 和 店铺 分 享 给 粉丝 。 其 他 用 户 在 浏览 动 


由 于 SNS 是 基于 商城 开发 的 社交 软件 ， 需 要 考虑 SNS 怎 样 与 商城 相 结合 ， 所 以 我 们 把 商城 中 最 重要 的 商品 和 店铺 与 SNS 结 合 起 来 ， 让 
态 的 时 候 直接 可 以 看 到 分 享 的 商品 和 店铺 ， 点 击 后 直接 跳 转 到 相关 页 面 ， 从 而 增加 商品 和 店铺 的 访问 量 ， 产 生 交 易 。 


2. 相 册 设 计 


户 可 以 实现 创建 相册 、 编 辑 相册 、 删 除 相册 、 上 传 图 片 、 删 除 图 片 等 功能 。 如 图 5-2 所 示 为 用 户 对 相册 的 操作 及 流程 。 
图 片 的 缩 略 图 ， 用 来 供 不 同 的 地 方 使 用 。 


相册 是 用 户 的 一 个 收藏 、 展 示 图 片 的 空间 。 利 用 相册 


片 的 最 大 数量 、 删 除 图 片 功 能 。 考 虑 到 图 片 需要 在 不 同 的 地 方 以 不 同 的 大 小 来 展示 ， 在 上 传 图 片 的 时 候 生 成 了 几 个 | 


在 平台 上 可 以 设置 允许 用 户 上 传 图 


编辑 相 才 


删除 图 片 


图 5-2 用户 对 相册 的 操作 及 流程 


5.1.3 ”代码 实现 


这 里 只 介绍 一 下 功能 比较 复杂 的 分 享 动 态 的 代码 实现 。 考 虑 系统 的 易 用 性 ， 为 了 提高 用 户 体验 ， 在 制作 分 享 功能 的 时 候 多 使 用 AJAX 异 步 提 交 。 


代码 清单 5-1 分 享 动态 的 JavaScript 部 分 


// 提 交 分 享 心情 表单 
$("#weibobtn") .bind('click', function()1{ 
// 首先 进行 表单 验证 ， 验 证 分 享 内 容 是 否 超过 140 个 字符 
if($("#weiboform") .valid()){ 
Var cookienum = $.cookie (COOKIE PRE+'weibonum'); 
cookienum = parseInt (cookienum) 7 
if (cookienum >= max _ recordnum && $("#weiboseccode") .css('display') == 'none'){ // 验证 是 否 需要 添加 验证 码 
// 显 示 验 证 码 
$("#weiboseccode") .show (); 
$ ("#weiboseccode") .find ("#codeimage") .attr('src', 'index.php?act=seccode &op=makecodeg&nchash=<?php echo $output['nchash'];?>&t="' + Math.random() ) 7 
jelse if(cookienum >= max recordnum && $("#captcha") .val() ==''){ // 如 果 没 有 填写 验证 码 ， 弹 出 错误 提示 
showDialog ('<?php echo $1lang['wrong nul1'];?>'); 
}else{ // 用 AJAX 方 式 提交 表单 
ajaxpost ('weiboform', '', '', 'onerror'); 
// 隐 藏 验证 码 并 且 重 置 相 关 信 息 〈 验 证 码 图 片 和 验证 码 输入 框 内 容 ) 
$ ("#weiboseccode") .hide () 7 
$ ("#weiboseccode") .find ("#codeimage") .attr('src',''); 
$ ("#captcha") .val (''); 


} 
} 
return false; 


1); 


使 用 AJAX 方 式 提交 表单 后 ， 用 PHP 处 理 ， 如 代码 清单 5-2 所 示 。 


代码 清单 5-2 分 享 动态 的 PHP 部 分 


// 添加 SNS 分 享 心情 
public function addtraceOp(){ 
// 对 提交 的 数据 进行 必要 的 验证 
$obj validate = new Valigdate(); 
Svalidate arr[] = array("input"=>$ POST["content"], "require"=>"true", "message" =>Language::get('sns sharemood content nul1')); 
Svalidate arr[] = array ("input"=>$ POST["content"], "validator"=>'Length', "min"=>0, "max"=>140, "message"=>Language::get('sns content beyond')); 
$0bj validate -> validateparam = $validate arr; 
$error = $0obj validate->validate(); 
if (Serror != "1){ 
showDialog ($error, '', 'error'); 


} 
// 发 帖 数 超过 最 大 次 数 时 出 现 验证 码 
if (intval (Cookie ('"weibonum' ) ) >=self: :MAX RECORDNUM) { 
if (!checkSeccode($ POST['nchash'], $_POST ['captcha'])){ 
showDialog (Language: :get ( 'wrong_ checkcode'),'','error'); 


} 


} 
// 查 询 会 员 信 息 
Smember model = Model ('member'); 
Smember info = $member model->infoMember (array('member id'=>"{$ SESSION['member id']}",'member state'=>'1')); 
if (empty ($member info)){ 一 一 二 加 

showDialog (Language: :get ( 'sns_member error'),'','error'); 


// 提交 数据 
$tracelog model = Model ('sns tracelog'); 


$insert arr = array(); 


$result = $tracelog model->tracelogAdd ($insert arr); 
if ($result){ 
// 建 立 cookie 
if (cookie('weibonum') != null && intval (cookie('weibonum')) >0){ 
setNcCookie ('weibonum', intval (cookie ('weibonum') )+1,2*3600) ;// 保 存 2 小 时 
}elsel{ 


setNcCookie ('weibonum',1,2*3600) ;// 保 存 2 小 时 


$js = "var obj = $(\"#weiboform\") .find(\" [nc type="'formprivacytab']\");$ (obj) .find('span') .removeClass ('selected');$ (obj) .find('ul 11:nth-child(1)") .find("span') .adgcl 
= "$(\"#content weibo\") .val('');$(\"#privacy\") .val ('0');$('#friendtrace') .lazyshow ({url:\"index.php?act= member snsindex&op=tracelist&curpage=1\", "IIntervalId':t 


$js . 

showDialog (Language: :get ('sns_share succ'),'','succ',$js); 
Jelse { 

showDialog (Language: :get ('sns_share fail'),'','error'); 


} 
} 


5.1.4 ”功能 体验 


首先 介绍 一 下 分 享 商品 的 具体 流程 ， 进 入 商品 详细 页 在 “购买 ”按钮 右 侧 找到 “分 享 ”按钮 并 点 击 ， 弹 出 的 分 享 框 如 图 5-3 所 示 。 


苹果 〈APPLE)》 iPhone 5s 16G 版 3G 手 机 《人 金 
色 ) WCDMAIGSM 


价 格 : 4988.00 


运 费 : 0.00 


同时 分 享 到 ， 国 国有 店 


跟 大 家 一 起 分 享 自己 喜欢 的 宝贝 吧 ~ 


还 可 以 输入 140 字 


图 5-3 ”商品 页 分 享 框 


输入 内 容 以 后 就 可 以 把 这 个 商品 分 享 给 自己 的 粉丝 了 。 在 图 5-3 的 中 部 找到 “同时 分 享 到 : ”， 单 击 其 后 的 图 片 ， 这 样 在 分 享 的 同时 就 会 把 内 容 分 享 到 相关 的 网 站 中 。 分 享 完 成 后 进入 个 人 中 心 就 能 看 见 
刚刚 发 布 的 动态 了 ， 如 图 5-4 所 示 。 


3 feng: 我 分 享 了 一 个 宝贝 


苹果 (APPLE) iPhone 5s 16G 版 3G 手 机 (金色) WCDMAIGSM 
价 格 : 半 988.00 

运 费 : ¥¥0.00 

收藏 该 宝贝 


2014-04-18 11:28 来 自 商 城 转发 | 评论 


在 图 5-4 右 上 侧 可 以 看 见 一 个 垃圾 箱 图 标 ， 点 击 它 就 可 以 删除 动态 了 。 在 垃圾 箱 一 侧 的 下 方 可 以 看 到 “转发 ”和 “评论 ”按钮 ， 点 击 “ 转 发 ”按钮 后 在 该 条 动态 的 下 方 就 会 出 现 一 个 输入 框 ， 输 入 内 容 后 


点 击 “ 转 发 ”， 效 果 如 图 5-5 所 示 。 


2014-04-18 11:28 来 自 商城 转发 | 评 i 


|| @feng: 我 分 享 了 一 个 宝 风 


@ 未 情 还 可 以 输入 123 字 


图 5-5 转发 展示 


评论 的 功能 和 转发 相似 就 不 再 介绍 了 。 


5.2 圈子 (讨论 组 ) 套件 


俗话 说 “ 物 以 类 聚 ， 人 以 群 分 ”， 人 们 在 沟通 过 程 中 基于 相同 的 兴趣 爱好 自发 地 聚集 到 一 起 ， 广 泛 而 深入 地 谈论 某 个 话题 ， 这 样 一 个 简单 的 圈子 就 建立 起 来 了 。 人 们 可 以 在 圈子 中 分 享 商 品 ， 晒 自己 购 
买 过 的 商品 的 照片 ， 探 讨 大 家 感 兴趣 的 话题 ， 发 起 一 个 小 的 投票 调查 等 。 圈 子 的 功能 有 话题 、 有 投票 、 有 讨论 、 有 分 享 、 有 成 员 关系 、 有 人 与 人 之 间 的 沟通 等 。 


圈子 是 论坛 的 轻 量 级 产品 ， 没 有 论坛 爱 肿 的 功能 ， 却 方便 了 站 长 的 管理 。 


5.2.1 圈子 特点 


(1) 创建 自己 的 圈子 


每 一 名 注册 会 员 都 有 权利 创建 或 加 入 一 个 圈子 。 创 建 圈子 需要 选择 分 类 ， 自 定义 圈子 名 称 、 上 传 圈子 LOGO、 填 写 内 容 介绍 和 圈子 公告 等 。 


创建 后 的 圈子 由 后 台 管理 审核 通过 后 即 可 使 用 。 


圈子 (讨论 组 ) 的 形成 是 门户 网 站 不 可 或 缺 的 一 部 分 ， 它 可 以 大 大 地 聚集 人 气 ， 提 高 互动 性 与 会 员 粘 合 度 。 


(2) 独立 的 前 台 管 理 中 心 


每 个 圈子 都 有 独立 的 管理 中 心 ， 圈 主 可 对 自己 的 圈子 进行 公告 、LOGO 更 改 、 会 员 加 入 审批 等 基础 操作 ， 也 可 将 圈 内 好 友 提升 为 管理 员 ， 并 可 将 表现 积极 的 会 员 加 为 明星 圈 友 ， 对 违规 者 进行 禁 言 、 删 
除 等 操作 。 可 设 定 圈 内 话题 类 型 分 类 ， 便 于 圈 内 文章 索引 ， 还 可 添加 友情 圈子 方便 互 访 交 流 。 


(3) 主题 列表 多 形式 展示 


圈子 默认 的 展示 形式 为 图 文 主题 模式 。 主 题 列表 让 浏览 者 对 帖子 内 容 一 目 了 然 ， 还 可 在 列表 页 面 中 展开 主题 内 容 ， 直 接 浏 览 并 进行 快速 回复 ， 具 有 便捷 、 直 观 ， 极 具 “ 微 时 代 ” 特 质 。 圈 子 也 采用 了 标 
题 列表 形式 供 习 惯 使 用 传统 论坛 的 浏览 者 选择 。 多 形式 列表 展现 极 大 程度 地 满足 了 各 年 龄 层面 使 用 者 的 浏览 习惯 。 


5.2.2 ”设计 思路 


圈子 主要 由 成 员 和 话题 构成 。 


首先 创建 轿子， 用户 在 进入 圈子 首页 后 可 以 直接 点 击 “创建 轿子” 按钮。 圈子 的 创建 流程 如 图 5-6 所 示 。 


这 里 的 判断 包括 两 种 : 

1. 平 台 是 否 允 许 创建 轿子 。 

2. 用 户 所 拥有 的 圈子 是 否 
已 经 达到 最 大 圈子 数 。 


是 否 可 以 
创建 圈子 


填写 圈子 信息 


提交 表单 


管 路 员 审 核 未 通过 
通过 
创建 完成 


创建 失败 


图 5-6 ”创建 团子 流程 图 


在 圈子 创建 成 功 后 ， 其 他 成 员 就 可 以 加 入 圈子 了 。 成 员 申请 加 入 圈子 的 流程 如 图 5-7 所 示 。 


加 入 成 功 后 就 可 以 发 表 或 回复 话题 了 。 发 表 和 回复 流程 都 需要 进行 两 个 验证 ， 如 图 5-8 所 示 。 


访问 圈子 
验证 用 户 拥有 圈子 数 申请 加 入 
量 是 否 达到 了 最 大 值 


Y 不 允许 
与 言 息 
圈 主 可 以 设置 申请 填写 相关 1 


是 否 需要 审核 。 


图 5-7 申请 加 入 圈子 流程 图 


需要 验证 
平台 是 否 人 允许 新 建 话题 
2 是 否 是 圈子 成 员 


一 


图 5-8 发 表 话题 流程 


1. 成 员 设 计 


(1) 超级 管理 员 


超级 管理 员 拥 有 对 所 有 轿子 的 控制 权限 ， 可 以 直接 对 任意 圈子 的 话题 /回复 进行 管理 。 如 ， 禁 言 /解禁 圈子 成 员 ， 加 精 /取消 、 置 项/ 取消、 关闭/ 开启, 编辑、 删除 话题 , 编辑、 删除 回 复 ， 等 等 。 


(2) 圈 主 


圈 主 是 圈子 的 创建 者 ， 拥 有 圈子 的 最 高 权限 。 可 以 在 前 台 直 接 对 话题 /回复 进行 加 精 、 置 项 、 编 辑 和 删除 等 操作 ， 也 可 以 进入 圈子 管理 中 心 对 圈子 进行 操作 ， 如 圈子 的 基本 设置 、 成 员 的 管理 〈 添 加 / 删 
除 管理 员 、 禁 言 /解禁 、 设 置 /取消 明星 圈 友 、 审 核 /删除 成 员 ) 、 头 衔 设置 、 分 类 管理 、 举 报 的 管理 、 审 核 申请 管理 员 、 友 情 全 局 的 管理 。 


(3) 管理 员 


管理 员 拥有 对 圈子 的 部 分 权限 ， 可 以 在 前 台 直接 对 话题 /回复 进行 编辑 和 删除 操作 ， 也 可 以 进入 圈子 管理 中 心 管理 成 员 的 审核 申请 和 举报 。 


(4) 成 员 

成 员 可 以 在 加 入 的 圈子 中 发 表 话题 以 及 回复 ， 而 且 可 以 编辑 话题 和 回复 ， 以 及 删除 回复 。 
(5) 游客 

游客 只 能 浏览 话题 及 他 的 回复 。 

2. 话 题 设 计 


话题 分 为 两 种 : 普通 话题 和 投票 话题 。 


话题 必要 的 功能 有 : 字体 、 大 小 、 粗 体 、 斜 体 、 下 划 线 、 颜 色 、 图 片 附件 、 超 链接 、 视 频 、 图 片 链接 、 商 品 、 表 情 。 


由 于 话题 全 部 是 由 用 户 输入 ， 所 以 需要 考虑 XSS 注 入 、 防 灌水 、 文 字 过 滤 等 方面 ， 以 便 对 圈子 进行 防护 。 


(1) 防止 XSS 注 入 


采用 UBB 代 码 形式 。UBB 与 HTML 一 样 ， 都 是 用 来 标记 文本 ， 并 赋予 文本 一 定 的 样式 动作 ， 但 UBB 作 为 HTML 的 一 个 变种 ， 具 备 代码 简单 、 功 能 实用 、 上 手 简单 、 安 全 性 高 、 不 存在 XSS 注 入 问题 。 


(2) 防 灌水 


为 防止 成 员 恶意 灌水 ， 添 加 两 次 发 帖 时 间 间 隔 设置 及 帖子 内 容 文字 下 限 。 恶 意 灌水 会 随 着 网 站 的 知名 度 提升 而 与 日 俱 增 ， 严 重 影响 论坛 的 整洁 和 用 户 对 内 容 的 正常 浏览 ， 为 了 改善 这 种 情况 ， 除 了 在 技 
术 方 面 进行 限制 还 需要 站 长 加 强 监 管 。 


(3) 关键 字 过 滤 


对 色情 、 暴 力 、 宗 教 或 其 他 需要 限制 的 言论 进行 控制 。 对 用 户 的 输入 信息 通过 程序 进行 过 滤 、 算 选 关键 词 ， 进 行 智 能 识别 ， 蔡 换 成 指定 字符 。 
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乐趣 ， 


操作 


(4) 平台 控制 


平台 可 以 控制 圈子 的 各 个 细节 ， 如 圈子 是 否 开启 、 是 否 可 以 创建 新 圈子、 是否 可 以 发 表 话题 或 回复 、 圈 子 的 SEO 设置 等 。 


.3 ”代码 实现 


这 里 主要 介绍 部 分 模块 的 代码 实现 。 


1. 成 员 等 级 


当 圈子 的 成 员 数 量 达到 一 定 程度 时 ， 成 员 个 体 就 会 提现 出 互 不 相同 的 个 性 ， 如 果 使 


因此 设计 成 员 等 级 十 分 必要 。 


让 圈子 形成 一 个 完善 的 成 员 成 长 体系 ， 根 据 


圈子 成 员 可 以 通过 发 表 话题 或 者 回复 获得 经 验 ， 当 经 验 提升 到 


同样 的 称号 或 者 级 别 来 标注 所 有 


户 活跃 度 划分 


发 帖 /回帖 


是 否 可 以 
狄 得 经 验 


A 


| 


结束 


在 回复 帖子 的 时 候 需 要 同时 验证 回帖 人 和 被 回帖 人 当天 是 否 可 以 获得 经 验 。 
成 员 等 级 相关 的 数据 库 设 计 如 图 


在 经 验 增长 模型 的 设计 中 把 发 布 话题 、 回 复 话题 、 话 题 被 回复 、 删 除 话 题 、 删 除 回复 、 管 理 员 操作 的 经 验 升降 全 部 封装 到 模型 中 ， 在 对 话题 /回复 进行 操作 的 时 候 同时 完成 升降 成 员 : 


5-10 所 示 。 


户 ， 最 终 达 到 提升 


一 定 程度 后 ， 其 等 级 


。 在 控制 层 直接 调用 模型 中 的 saveExp 方 法 就 可 以 了 。 具 体 代码 见 代码 清单 5-3。 


户 活跃 度 的 目的 。 总 之 就 是 ,把 


户 ， 将 会 大 大 降低 


户 的 活跃 度 体现 在 经 验 上 ， 然 后 按照 经 验 决定 


就 会 自动 提升 。 为 了 奖励 


图 5-9 发 帖 获得 经 验 流程 


户 在 一 个 轿子 里 面 的 归 


属 感 ， 也 体会 不 到 在 圈子 里 面 的 成 长 


户 等 级 。 


增加 经 验 


户 发 表 优质 话题 ， 设 定 话题 被 回复 奖励 发 帖 人 经 验 。 会 员 发 帖 获得 经 验 流程 如 图 5-9 所 示 。 


发 帖 人 /被 回复 人 


成 员 获 得 的 经 验 数 量 需要 记录 在 相关 的 帖子 中 ， 如 出 现 违规 行为 帖子 被 删除 ， 应 当 同时 删除 成 员 所 得 的 经 验 。 


得 级 、 记 录 等 级 日 志 


圈子 索引 (PK ) 
参考 头衔 索引 
1 级 头衔 名 称 
2 级 头衔 名 称 


1$ 级 头衔 名 称 
16 级 头衔 名 称 


会 员 索引 《PK ) 
圈子 索引 《PK ) 


Wn 


成 员 等 级 
成 员 头衔 
成 员 经 验 


站 


代码 清单 5-3 ”成 员 经 验 模型 


成 员 参 考 头衔 表 


参考 头衔 索引 (PK ) 
参考 头衔 名 称 
创建 时 站 
状态 
1 级 头衔 名 称 
2 级 头衔 名 称 


证 


站 


15 级 头衔 名 称 
16 级 头衔 名 称 


帖子 系列 表 


帖子 索引 (PK ) 
会 员 索 引 
圈子 索引 


sere 


获得 经 验 


图 5-10 ”圈子 等 级 相关 数据 结构 图 


头衔 默认 设置 表 
头衔 等 级 
头衔 名 称 

头衔 所 需 经 验 


// 保存 经 验 
public function saveExp ($param) { 
switch ($param['type']){ 
/7 发布 话 是 
Case "Telease': 
$this->relOperation ($param); 


Case 'reply': 
$this->relOperation ($param); 


Case 'replied': 


$this->repdOperation ($param); 


break; 
// 删除 话题 


Case 'delRelease': 


$this->delRelOperation ($param); 


break; 
// 删除 回复 
case "delReplied' : 


$this->delRepOperation ($param); 


break; 
// 管理 员 操 作 


Case "master' : 


Sthis->masOperation (Spararm) 7 


break; 
} 
} 
// 发 表 话题 /回复 话题 操作 
private function relOperation ($param) { 


Sexp = 0; 
$today = Gate ('Y-m-d'); 


$dexp = $param['type'] 一 'release' ? intval(C('circle exprelease')) : intval(C('circle expreply')); 


// 验证 是 否 限制 每 天 获取 经 验 最 大 数 


if(intval (C(! ee :expreleasemax')) != 0){ 


// 计算 经 


lelse{ // 没有 记录 
// 计算 经 验 


$insert = array(); 


// 限 制 


$this->table('circle expmember')->insert ($insert, true); 
Jelsef // 未 限制 

$exp = $dexp; 
} 
if( $exp != 0 ){ 

$param['exp'] = $exp; 

return $this->expOperation(1, $param); 


} 

// 被 回复 操作 

private function repdOperation (Sparam) { 
$exp = 0; $today = date('Y-m-d'); 

// 验证 是 否 限制 每 天 获取 经 验 最 大 数 

if(intval (C('circle exprepliedmax')) != 0){ // 限制 
// 计算 经 验 


jelse{ // 没有 记录 
// 计算 经 验 


$insert = array(); 


$this->table('circle exptheme')->insert ($insert, true); 
lelse{ // 不 限制 
$exp = intval(C ('circle expelease')); 
} 
if($exp != 0){ 
$param['exp'] = $exp; 
return S$this->expOperation(1, $param); 
} 


i 

// 删除 话题 

private function delRelOperation (Spararm) { 
return $this->expOperation(0, $param); 


} 

// 删除 回复 

private function delRepOperation (Sparam) { 
return $this->expOperation(0, $param); 


} 

// 管理 员 操 作 

private function masOperation ($param) { 
return $this->expOperation(0, $param); 


} 

// 经 验 操作 

private function expOperation ($type, $param){ 
// 查询 成 员 信息 


$where = array(); 


$em info = $this->table('circle meriber')->where ($where) ->find(); 
// 更 新 经 验 以 及 等 级 。 
Supdate = array()7 


$rs = $this->table('circle member')->where ($where) ->update (Supdate) 7 
if($rs){ 
$this->recordsLog ($type, $param); 
}elsel{ 
return false; 


} 


} 

// ”经验 日 志 

Private function recordsLog ($type, Sparam) { 
$insert = array() 7 


switch ($param['type']){ 
Case 'release': 
// 记录 增长 多 少 经 验 
S$update = array(); 
Supdate[ "theme id']= $param['itemid']; 
$update['theme exp']= array('exp', 'theme exp+'.$param['exp']); 
$this->table('circle theme')->update ($update); 


break; 
Case 'reply': 


reak; 
Case 'replied': 


break; 
case 'delRelease': 


break; 
case 'delReplied': 


break; 
Case ‘master': 


break; 


$this->table('circle explog')->insert ($insert); 


2.UBB 形 式 话题 发 布 


首先 要 制定 一 个 UBB 标 签 的 标准 ， 然 后 根据 制定 的 标准 封装 一 个 UBB 形 式 的 文本 编辑 器 。 


考虑 到 UBB 文 本 编辑 器 不 需要 独立 发 布 ， 所 以 没有 把 所 有 功能 封装 到 一 个 JavaScript 包 中 。 把 UBB 文 本 编辑 器 分 成 了 四 部 分 : 第 一 部 分 文本 编辑 器 模板 (使 用 PHP 方 法 直接 调用 ) ， 第 二 部 分 JavaScript 
控件 (封装 成 两 个 JavaScript 文 件 ， 插 入 文本 框 和 各 个 UBB 标 签 的 调用 方法 ) ， 第 三 部 分 样式 代码 (独立 的 css 文 件 ) ， 第 四 部 分 UBB 标 签 转化 为 HTML 标 签 的 正则 代码 (使 用 PHP 方 法 直接 调用 ) 。 


下 面 介 绍 一 下 模板 调用 方法 ， 如 代码 清单 5-4 所 示 。 


代码 清单 5-4 UBB 文本 编辑 器 调用 方法 


function showMiniEditor ($cname, $content = '', $type = 'all', $affix = array(), $gname = '', $goods = array(), $readperm = array(), $rpvalue = 0){ 
// 工具 栏 显示 类 型 ， 用 来 限制 各 个 工具 的 显示 
Switch ($type){ 
case "manage' : 
$items = array('font', 'size', 'line', 'bold', 'italic', ‘underline', 'color', 'line', "url', 'flash', 'image', 'line', 'smilier'); 
$return = '$ content.$ maffix.$ goods.$ readperm'; 
break; 
case 'quickReply': 
$items = array('font', 'size', 'line', 'bold', 'italic', 'underline', 'color', 'line', 'url', 'flash', 'line', 'smilier'); 
$return = '$_ content'; 
break; 本 
case 'hQuickReply': 
$items = array('font', 'size', 'line', 'bold', 'italic', 'underline', 'color', 'line', 'url', 'flash', 'line', 'smilier', '‘'highReply'); 
$return = '$_ content'; 
break; 
default: 
$items = array('font', 'size', 'line', 'bold', 'italic', 'underline', 'color', 'line', 'affix', ‘line', ‘url', 'flash', 'image', 'goods', 'line', 'smilier'); 
$return = '$_ content.$ affix.$ goods.$ readperm'; 
break; 
} 
// 工具 栏 各 项 条 目标 签 
$_line // 分 割 线 
$_font = // 字体 
$_size = // 大 小 
Sbold = // 粗 体 
$ italic = 


// 斜体 
; // 下 划 线 


$_ underline 


$_color // 字体 颜色 
$affix // 附件 
$url = // 超 链 接 
$_flash ; // false 
$_ image * // 图 片 
$_goods // 商品 
$_smilier 0 // 表情 
$ highReply= // 高 级 回 


/7 编辑 器 的 内 容 

$_ content = ''; 

$_ content .= "<div class=\"content\"> 
<div class=\"ubb-bar\">"; 

foreach ($items as S$Sval) 1 


$val = '_'.$val; 
$_content .= $$val; 
} 
$_content .= "</div> 


<div class=\"textarea\"> 
<textarea id=\"".$cname."\" name=\"".$cname."\">".$content."</textarea> 
</div> 
<div class=\"smilier\"></div> 
</div>"y 
// 附件 部 分 
affix = 


$ 二 
// 省 栈 其 体 拼写 成 HTML 的 部 分 ， 下 同 。 
”7// 插入 的 商品 显示 部 分 

$_ goods = '"; 

// 阅读 权限 部 分 

$_readperm = "''; 


evall('$return = '.$return.';'); 
return $return; 


然后 就 可 以 在 模板 中 直接 调用 了 ， 代 码 如 下 : 


<?php echo showMiniEditor('themecontent', '', "all', array(), 'goods', array(), $output['readperm']);?> 


Javascript 播 入 控件 的 代码 如 代码 清单 5-5 清 单 所 示 。 


代码 清单 5-5 ” JavaScript UBB 控 件 方法 


(function($) { 
$.fn.ncUBB = function (options){ 
var defaults = { 


cid: 0, // 圈子 索引 


臣 0, // 话题 索引 

UBBContent: ' // 内 容 对 象 

UBBSubmit : " // 提交 按钮 对 象 

UBBform : '', // 表单 对 象 
UBBfileuploadurl : '', // 附件 上 传 地 址 
UBBcontentleast : 0, // 内 容 最 小 值 
Py // 需要 立即 执行 的 方法 ， 做 个 用 \,“ 隔 开 


] 7 
Var options = $.extend (defaults, options); 
var c id = options.c id; var t id = options.t id; var UBBContent = options.UBBContent; var UBBSubmit = options.UBBSubmit; 
var UBBform = options.UBBform; var UBBfileuploadurl = options.UBBfileuploadurl; var UBBcontentleast = options.UBBcontentleast; 
this.each (function() { 


// 需要 立即 执行 的 代码 


if(options.run != '') {eval (options.run);} 

var S$this = $ (this); 

// 加 粗 

$this.find('a[nctype="b"] ') .click (function(){ 
// 具体 操作 省 略 ， 下 同 

]) 3 

// 斜体 

$this.find('a[nctype="i"] ') .click(function(){ 

// 下 划 线 

$this.find('a[nctype="u"] ') .click (function(){ 


3 

// 字体 大 小 颜色 

$this.find(' .ubb-layer') .children() .click (function(){ 

De a 

// 表情 

$this.find('.smilier-layer') .children() .click (function(){ 


过 
// 超 链接 弹出 层 的 显示 与 隐藏 
$this.find(' .url-handle') .toggle (function (){ 


// 超 链 接 
S$this.find('.url-layer') .find('input [type="submit"]') .click (function(){ 


3 
// flash 弹 出 层 的 显示 与 隐藏 
$this.find('.flash-handle') .toggle (function (){ 


DD); 
// flash 插 入 编辑 器 
$this.find('.flash-layer') .find('input [type="submit"]7) .click(function(){ 


// 图 片上 传 
Sthis.find("#test_file") .fileupload({ 


// 调用 选择 商品 的 弹出 层 


Sthis.find('a[nctype="chooseGoodqs"] ') .click (function(){ 


1 
// 图 片上 传 弹出 层 
$this.find('a[nctype="uploadImage"] ') .click (function(){ 


a i 
// 插入 附件 
$this.find('a nctype="affix insert"]').click (function(){ 
py ey 

// 删除 附件 
Sthis.find('a nctype="affix delete"]').click (function(){ 


Di 
// 管理 员 删 除 附件 


S$this.find('a[lnctype="maffix delete"]').click (function(){ 


]) 
// 删除 商品 
$this.find(' .goods-del') .click(function(){ 


]) 7 
4 相册 图 片 插入 话题 
( 


'a[lnctype="imagealbum"] ') .die().livel('click',function(){ 


1); 
// 链接 地 址 插入 话题 
$ ('a[lnctype="imageurl"] ') .die() .live('click', function () { 


和 
// 插入 主题 
$ ('a[nctype="insertGoods"] ') .die().live('click', function(){ 


UBBSubmit.click (function(){ 
UBBform. submit () 7 


Hs 
// 高 级 回复 页 面 跳 转 
$this.find('a[nctype="highReply"] ') .click (function(){ 


]) 

/* group */ 

// 点 击发 话题 

$('.thread-layer') .find('p') .click (function (){ 


]) 7 
1 
// 插入 图 片 


function insertImgUBB (C) { 


} 
// 插 入 商品 


function insertGoods (o) { 


// 验证 已 插入 商品 数量 ， 决 定 $('div[class="insert-goods"] ') 是 否 显示 
function checkInsertGoods () { 


} 
// 验证 已 插入 附件 数量 ， 决 定 $ ('div[nctype="affix"] ') 是 否 显示 
function checkInsertAffix(){ 


j 
// 附件 插图 到 编辑 器 


function affixInsert (o){ 


EE 
// 删除 附件 


function affixDelete (o){ 


// 管理 员 删 除 附件 
function affixDeleteManage (o) { 


} 
// 附件 上 传 插入 html 中 
function updateAffixInsert (param) { 


} 
// 未 使 用 附件 
function getUnusedAffix(){ 


} 
i 
}1) GQuery); 


调用 ncUBB 的 方法 如 下 : 


{UBB (t 
人 
UBBContent : 
UBBSubmit : 
UBREGE 3 snr 
UPBBfileuploadur1l : 
UBBcontentleast : 
EU 


Ds 


1 


正则 蔡 换 UBB 标 签 为 HTML 标 签 ， 如 代码 清单 5-6 所 示 。 


代码 清单 5-6 UBB 标签 正则 车 换 为 HTML 标 签 方法 


// 格式 化 UBB 标 签 
function ubb($ubb){ 
$ubb = str replace (array( 
+[B]', '[/B]', EI], /I VS, /VY ‘IMG]', '[/IMG]', ‘'[/FONT]', '[/FONT-SIZE]', '[/FONT-COLOR]' 
), array( 
b> "</b> <i>0 </i>', oz </> '<img class="pic" sre="', /> ‘</span>'; ‘</span>', '</span>' 
Ys Preg_replace (array ( 
"/\[URI=(.*)\] (.*) \[\MURI\ /iU", 
"/\ [FONT= ( [A-2a-z ]*)\]/iv", 
"/\ [FONT-SIZE=([0-9]*) \]/ivy", 
"/\ [FONT-COLOR= ( [A-2a-z0-9] *) \] /iU", 
"/\ [SMILIER=( [A-2a-z_]*)\/\]/iv", 
"/\[FLASH\] (.*) \[\/FLASH\]/iU", 
n/N 
), array( 
"<a href=\"$1\" target=\" blank\">$2</a>", 
"<span style=\"font-family:$1\">", 
"<span style=\"font-size:$1px\">", 
"<span style=\"color:#$1\">", 


"<img src= CIRCLE SITE URL.'/templates/'.TPL CIRCLE NAME."/images/smilier/$1.png\">", 
"<embed src=\"$1\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" wmode=\"opaque\" width=\"480\" height=\"400\"></embe 
Vey /om 

), $ubb)); 

return $ubb; 


5.2.4 ”功能 体验 


进入 圈子 后 ， 在 首页 幻灯 片 右 侧 点 击 “ 创 建 我 的 新 轿子 ”按钮 ， 跳 转 到 创建 圈子 表单 页 面 ， 如 图 5-11 所 示 。 


填写 相关 信息 提交 表单 后 ， 等 待 管理 员 审 核 ， 通 过 后 就 可 以 在 圈子 中 发 表 话题 了 ， 如 图 5-12 所 示 。 


填写 完 信息 提交 以 后 ， 就 会 在 话题 列表 页 中 找到 所 发 表 的 话题 ， 如 图 5-13 所 示 。 


话题 列表 页 设计 了 两 种 展现 形式 : 列表 形式 和 图 文 形式 。 列 表 形 式 就 是 类 似 论坛 的 展示 形式 ， 图 文 形式 则 把 更 新 的 话题 信息 展示 到 了 列表 页 上 ， 并 可 以 在 话题 列表 页 直接 浏览 、 回 复 话 题 。 点 击 图 5-13 
中 的 “展开 主题 ”按钮 后 ， 话 题 就 会 在 列表 页 直接 展开 ， 极 大 地 方便 了 用 户 的 浏览 ， 如 图 5-14 所 示 。 


创建 一 个 圈子 欢 各 bi 在 发 到 糖 术 发 现 喜欢 的 国 子 . 
欢迎 在 ShopNKC 国 子 这 个 快乐 和 谐 的 地 方 ， 聚 集 和 你 蕉 好 相同 ， 品 位 相当 的 好 朋友 ， 畅谈 交流 ,分 闻 心 情 , 池 受 生活 ! 


OO 县 凯 。”O 〇 职 场 口 汽 车 加 言 乐 〇 图 书 O 〇 个 性 〇 美容 
〇 老 男 遍 女 。 〇 败家 口 旅 济 〇 美食 〇 动物 口 亲子 


[| | 


因子 名 称 规定 使 用 4~12 个 字符 ,确定 后 不 可 修改 。 


还 可 输入 255 字 
对 您 建立 的 国 子 进 行 简单 的 文字 介绍 ， 创 建 后 国 主 可 做 修改 ， 字 数 不 超 过 255 字 ， 


oo 一 一 | 


建立 回 子 标签 有 刊 于 全 局 搜索 可 找到 你 的 回 子 ， 多 个 标签 清 用 "进行 分 陋 。 


还 可 以 输入 255 闻 
认真 填写 申请 国 子 的 理由 捍 交 至 平台 ,以 确保 管理 人 员 及 时 审核 并 通过， 字数 不要 下 过 255 字 。 


图 我 已 认 直 阅 朗 并 同意 《图 子 使 用 须知 》 中 的 所 有 条 款 


图 5-11 圈子 申请 表单 页 面 


图 相关 附件 


国 附件 上 传 支持 pg、jpeg、gif. 
下 时 ba | 有 | Ln EE | 
享 体 | 不- 1 回国 回 肯 | 加 上 传 明 件 | op 和 链接 图 视 珊 圆 图片 局 商 R | 国志 情 png 格 式 图 片 , 建议 上 传 尺 二 


1000 像 素 以 内 不 超过 1M 大 小 的 
图 片 。 


上 传 图 片 后 可 选择 插入 主题 帖子 
中 ,没有 插入 帖子 的 附件 ,将 作 
为 候选 附件 保留 至 下 次 发 帖 使 用 
或 可 手动 副 除 。 


图 5-12 发表 话题 表单 


全 部 ”古典 风格 


男 【默认 】 杨 崇 妃 秘 史 图 展开 主题 


图 5-13 ”话题 列表 


中 图 文 | 至 列表 


对 【 读 认 】 我 们 都 爱 看 电影 园 收 起 主题 & shopnc 


我 们 都 爱 看 电影 ! 


还 可 以 输 . 


图 5-14 ”话题 列表 页 快速 浏览 及 回复 


5.3 ”本 章 小 结 


0/95 


入 TI4O 字 


本 章 主 要 介绍 了 电子 商务 平台 进行 社交 化 的 设计 与 开发 : 在 具体 的 开发 过 程 中 我 们 要 思考 怎么 样 才能 让 社交 平台 与 商城 的 结合 更 紧密 ， 单 单 是 平台 的 参与 是 远 远 不 够 的 ， 店 铺 也 需要 参与 进来 。 比 如 ， 
创建 或 加 入 一 个 与 自己 店铺 的 产品 相符 合 的 圈子 ， 根 据 圈子 中 的 信息 及 时 掌握 消费 者 的 需求 ， 也 可 以 了 解 消费 者 对 商品 的 评价 及 时 调整 自己 店铺 的 商品 或 营销 策略 。 


第 6 章 “1M 套件 的 设计 与 实现 


1M 一 一 即时 通讯 (Instant Messenger) ， 核 心 功能 是 通过 用 户 间 相 互 收 发 消息 ， 达 到 跨 距离 聊天 的 目的 。 大 家 用 得 最 多 的 、 最 典型 的 就 是 QQ， 当 然 它 现在 集成 了 很 多 其 他 的 功能 ， 它 的 主要 优势 是 


在 PC 端 ， 而 我 们 要 实现 的 是 基于 网 页 的 向 商城 内 商家 与 卖家 双方 提供 服务 的 聊天 系统 (或 称 为 简单 的 在 线 客服 系统 ) 。 


6.1 模块 构成 


设计 定位 是 服务 于 商城 用 户 ， 没 有 单独 的 会 员 注 册 和 登录 程序 ， 入 口 自然 是 商城 会 员 系 统 ， 所 以 会 员 系 统 是 必 不 可 少 的 一 部 分 。 聊 天 程序 最 大 的 特点 体现 在 时 间 上 ， 如 果 达 不 到 实时 性 ， 就 和 留言 板 的 
功能 没 区 别 了 ， 在 技术 上 通过 消息 推送 实现 ， 这 构成 了 第 二 个 模块 ， 也 是 核心 部 分 。 有 了 前 面 两 个 相对 没 关 联 的 模块 ， 怎 么 在 他 们 间 搭 起 “桥梁 ”， 由 服务 器 端的 PHP 程 序 完成 。 会 员 ( 买 家 或 商家 ) 从 页 


面 客户 端 (浏览 器 ) 发 出 消息 ， 服 务 器 接收 并 处 理 ， 然 后 将 消息 返回 给 另 一 个 页 面 客户 端 (浏览 器 ) ， 就 是 最 基本 的 流程 ， 在 下 节 中 会 详细 说 明 。 


6.2 ”设计 思路 


为 了 了 解 此 模块 的 核心 功能 ， 先 来 谈 谈 为 什么 要 开发 聊天 系统 。 相 信 大 家 都 收发 过 电子 邮件 ， 发 出 后 什么 时 候 能 得 到 回复 ， 不 会 有 准确 时 间 ， 如 果 不 登录 邮箱 就 不 知道 有 新 邮件 ， 更 别 说 回复 了 ， 所 以 


后 来 就 有 了 邮件 推送 这 个 业务 ， 有 新 邮件 时 在 手机 上 发 个 提醒 。 实 现 邮 件 推送 要 求 接收 的 客户 端 处 于 在 线 状 态 ， 而 在 离线 的 情况 下 只 能 靠 “ 第 六 感 ” 了 。 


因为 商城 与 邮件 


属于 不 同系 统 ， 如 果 


买卖 交流 那 效率 太 低 了 ， 后 来 很 多 网 站 开发 了 站 内 信 系 统 ， 以 减少 沟通 中 等 待 时 间 。 站 内 信 比 邮件 用 起 来 方便 一 些 ， 但 如 果 页 面 不 刷新 也 不 会 看 到 新 消息 


统 。 客 服 系统 实质 上 是 通过 即时 对 话 帮助 用 户 解决 问题 的 一 个 方式 ， 最 大 的 进步 就 是 实现 了 消息 推送 ， 不 用 频繁 刷新 查看 新 消息 了 。 


为 了 达到 更 高 的 


邮件 来 进行 


户 体验 度 ， 开 发 了 在 线 客服 系 


本 章 介绍 的 是 开发 一 套 简单 的 在 线 客服 系统 ， 实 现 基 本 的 即时 聊天 功能 ， 整 个 系统 从 表面 上 分 为 发 消息 和 收 消息 两 部 分 ， 实 际 上 从 会 员 写 消息 到 另 一 会 员 收 到 消息 提醒 ， 打 开 并 回复 的 过 程 由 很 多 小 步 
又 组 成 。 既 然 是 在 线 聊 天 ， 当 打开 对 话 窗口 时 要 能 知道 对 方 是 否 在 线 ， 在 线 时 可 以 等 他 的 回复 ， 离 线 时 发 出 后 会 变 为 留言 ， 下 次 登录 后 就 会 看 到 提醒 。 以 会 员 A 给 会 员 B 发 消息 为 例 ， 发 消息 过 程 如 图 6-1 所 


示 。 


编写 消息 


推送 消息 临时 保存 


标记 已 读 打开 消息 


图 6-1 发 消息 过 程 


如 果 认 真 看 上 面 的 步骤 说明 ， 可 能 会 对 “推送 消息 ”这 个 环节 提出 疑问 一 一 为 什么 不 在 服务 器 上 直接 推送 ， 而 是 返回 给 客户 端 后 才 进行 操作 ? 要 解释 这 个 问题 ， 涉 及 服务 器 的 资源 分 配 和 安全 优化 等 方 
面 。 首 先 说 的 是 普通 PHP 加 载 的 过 程 ， 浏 览 器 向 服务 器 发 出 请 求 ， 接 收 后 进行 各 种 逻辑 处 理 ， 将 数据 返回 给 用 户 。 当 另 一 个 用 户 请 求 同 样 数据 时 还 是 这 样 步骤 ， 在 大 访问 量 下 服务 器 很 多 都 是 在 重复 同样 的 
操作 ， 不 管 怎么 优化 单 台 服 务 器 总 有 极限 ， 解 决 办 法 是 使 用 多 台 服 务 器 进行 集群 部 署 。 聊 天 程序 也 存在 这 种 问题 ， 为 节约 资源 ， 将 部 分 操作 进行 了 拆 分 ， 在 推送 环节 只 处 理 最 关键 的 逻辑 ， 做 到 尽量 少 进行 
数据 库 的 各 种 读 写 ， 将 涉及 较 多 的 数据 库 操作 的 部 分 功能 分 解 到 集群 部 署 的 PHP 服 务 器 执行 。 


消息 推送 的 好 处 是 ， 当 会 员 与 服务 器 建立 连接 后 不 用 定时 请 求 查询 数据 ， 有 新 消息 时 服务 器 主动 通知 客户 端 (浏览 器 ) ， 从 而 节省 了 时 间 ， 也 降低 了 服务 器 的 负载 压力 。 消 息 推送 用 的 不 是 和 PHP 同 一 
个 平台 软件 (可 以 使 用 同一 台 硬 件 主机 ) ， 其 基础 是 “Nodejs”， 这 是 以 运行 服务 器 端 javascript 为 核心 目的 建立 的 平台 ， 可 以 在 官方 网 站 “http://nodejs.org/” 上 看 到 更 详细 的 介绍 。Nodejs 的 功能 很 
多 ， 使 用 的 具体 技术 工具 是 “Socket10O”， 由 它 来 实现 对 话 消息 的 实时 推送 ， 该 工具 的 官方 网 址 是 “http://socket.io/” ， 有 兴趣 的 读者 可 以 看 看 。 这 两 方面 的 技术 介绍 远 超出 了 本 章 的 范围 ， 有 需要 的 读 
者 可 以 利用 网 上 的 公开 资料 自行 查询 学 习 。 


有 一 定 开发 经 验 的 程序 员 可 能 会 提出 另 一 个 问题 ， 用 Ajax 也 能 实现 不 刷新 页 面 来 获取 数据 ， 那 为 什么 又 不 采用 呢 ?7 Ajax 实现 定时 向 服务 器 发 请 求 ， 就 有 个 时 间 长 短 的 权衡 问题 ， 如 果 隔 1 秘 就 请 求 1 次 数 
据 ， 只 有 几 个 人 聊天 还 是 能 解决 的 ， 但 会 在 没 消息 时 浪费 了 大 量 查询 。 如 果 加 大 时 间 间 隔 ，1 分 钟 请 求 1 次， 会 减少 部 分 访问 压力 ， 在 大 访问 量 的 情况 下 ， 服 务 器 还 是 会 忙 不 过 来 ， 间 隔 长 了 用 户 体验 也 会 大 
打折 扣 。 在 Node 服 务 器 进行 消息 推送 时 ， 客 户 端 的 JS 程序 已 经 对 PHP 返 回 的 内 容 处 理 了 ， 在 Node 服 务 器 端 不 经 过 数据 库 读 写 直 接 将 消息 转发 给 另 一 会 员 ， 所 有 数据 操作 是 在 内 存 中 执行 ， 相 比 Ajax 调 有 
PHP 查 询 数据 库 要 快 很 多 。 


聊天 系统 涉及 的 核心 数据 就 是 对 话 双方 的 聊天 记录 ， 为 能 查 到 历史 记录 ， 要 将 消息 保存 到 数据 库 中 。 由 于 商家 可 以 添加 多 个 账号 进行 日 常 管理 ， 因 此 在 商家 中 心 要 有 添加 客服 子 账号 功能 ， 在 商品 和 店 
铺 页 面 中 显示 ， 在 业务 较 多 时 可 减轻 主 账号 的 压力 ， 所 有 的 子 账号 的 聊天 记录 都 能 在 商家 中 心 看 到 ， 便 于 对 服务 质量 的 监控 。 在 商家 中 心 能 看 到 该 店铺 所 有 子 账号 与 买 家 的 对 话 记 录 ， 在 普通 会 员 中 心 只 可 
以 看 到 自己 与 他 人 的 记录 ， 在 系统 后 台所 有 账号 的 数据 都 能 查 到 。 这 三 个 子 系统 调用 的 是 同一 套 程序 逻辑 ， 在 访问 权限 方面 要 做 好 控制 ， 防 止 出 现 数据 泄露 问题 。 


虽然 这 个 系统 主要 功能 是 当做 商家 的 在 线 客服 工具 使 用 ， 但 不 只 是 买 家 与 商家 之 间 对 话 ， 还 可 以 是 普通 会 员 之 间 、 商 家 账号 之 间 都 可 以 用 ， 即 商城 会 员 内 的 任意 两 个 人 都 可 进行 聊天 。 为 方便 经 常 联 
系 ， 在 会 员 登录 后 会 异步 调用 “我 的 好 友 ” 和 “最 近 联系 人 ”的 会 员 信息 ， 点 击 对 应 的 头像 即 可 发 起 会 话 和 查看 聊天 记录 ， 类 似 QQ 的 功能 。 好 友 可 在 商城 会 员 系统 中 添加 ， “最近 联 系 人 ”的 数据 来 源 是 根 
据 当前 账号 的 历史 对 话 记录 查询 出 来 的 。 


会 员 在 商城 登录 后 页 面 加 载 完 成 时 ， 由 Js 异步 调用 PHP 获 取 会 员 联 系 人 数据 ， 成 功 返 回 后 再 与 Node 服 务 器 建立 连接 ， 查 询 会 员 的 在 线 状态 并 在 页 面 中 标识 ， 如 果 有 未 读 消息 ， 则 会 出 现 提醒 。 会 员 登 录 
后 在 商城 浏览 每 个 页 面 时 都 会 与 Node 服 务 器 建立 连接 ， 在 有 新 消息 提醒 时 所 有 的 页 面 都 会 收 到 ， 会 员 在 其 中 任何 一 个 页 面 点 开 未 读 消息 后 都 要 将 其 他 页 面 的 提醒 关闭 ， 防 止 再 有 新 消息 时 看 不 到 。 完 整 的 数 
据 调 用 过 程 如 图 6-2 所 示 。 


数据 调用 过 程 


PHP 服 务 器 客户 端 Nodc 服 务 中 
登 ; 
最 近 联 系 人 
新 消息 提醒 E 送 消 和 
打开 未 读 消息 
删除 未 读 提醒 杰 提 


图 6-2 ”数据 调用 过 程 


为 防止 Node 服 务 器 出 现 异常 重启 情况 ， 在 会 员 第 一 次 连接 时 要 在 数据 库 查询 是 否 有 未 读 消息 ， 以 免 看 不 到 提醒 。 在 聊天 记录 的 保存 方面 ， 分 为 两 个 数据 表 来 分 担 完成 任务 。“ 消 息 表 ”充当 临时 会 话 
表 ， 所 有 的 未 读 消息 放 在 此 表 中 ， 会 员 A 收 到 会 员 B 的 已 读 消息 只 留 一 条 ， 保 持 较 少 的 数据 量 是 为 了 更 快 查询 速度 。 “消息 记录 表 ” 用 来 永久 保存 所 有 的 对 话 记录 ， 方 便 各 方 查询 。 聊 天 表 数 据 关系 如 图 6-3 
所 示 。 


消息 表 


记录 ID (pk ) 
会 员 ID 
接收 会 员 ID 
消息 状态 


人 


图 6-3 ”聊天 表 数据 关系 


6.3 ”代码 实现 


二 4 一 wuu: 一 一 


会 员 的 角度 看 ， 聊 天 系统 分 为 收 消息 和 发 消息 两 种 功能 ， 它 只 实现 这 两 个 基本 操作 ， 并 不 关心 服务 器 怎么 处 理 、 数 据 是 怎么 流转 的 ; 从 程序 设计 方面 分 为 服务 器 运行 端 和 客户 端 (浏览 器 ) 加 载运 行 
的 两 种 ; 从 技术 方面 来 讲 本 章 的 程序 以 Javascript 为 主 ， 以 PHP 为 辅 ，Javascript 的 代码 又 分 为 页 面 客户 端 即 浏览 器 加 载 部 分 和 和 Node 服务 器 端 部 分 。 理 清 了 头绪 写 代码 的 效率 会 提高 很 多 。 


由 于 Node 的 代码 与 我 们 在 页 面 中 所 用 的 JS 代码 规则 还 是 有 点 区 别 的 ， 建 议 先 大 概 了 解 下 原理 ， 除 了 上 节 中 所 提 的 官方 网 站 ， 还 有 个 “强烈 推荐 ”的 资料 一 Node 入 门 (The Node Beginner 
Book) ， 在 线 版 的 地 址 是 “http://www.nodebeginner.org”， 有 多 种 语言 版 本 ， 英 语 水 平 不 错 的 朋友 直接 看 原版 的 为 好 ， 中 文 的 作为 参考 。 初 学 者 认真 看 完 肯 定 会 有 很 大 收获 ，Node.js 的 开发 者 Ryan 


DahlI 给 的 评论 是 “This is an amazing introduction to Node.”。 


6.3.1 Node 服务 器 端 


Node 服 务 器 端 代码 主要 分 为 三 个 功能 ， 即 数据 库 操 作 、 消 息 处 理 、 页 面 接口 部 分 ， 通 过 商城 页 面 的 JS 请 求 与 服务 器 建立 连接 。 本 小 节 中 所 有 代码 都 由 javaScript 组 成 ， 要 求 程序 员 有 一 定 的 开发 经 验 ， 
能 够 理解 基本 的 运行 流程 。Node 服 务 器 端的 所 有 文件 放 在 非 Web 服 务 器 的 目录 ， 比 如 所 用 Apache 的 PHP 环 境 ， 放 到 Apache 访 问 不 到 的 目录 ， 防 止 关 键 文件 泄露 。 为 了 方便 二 次 开发 ， 将 涉及 不 同 功能 的 
代码 放 入 四 个 文件 中 ， 根 目录 的 configjs 和 chat,js，lip 目 录 下 的 dbjs 和 usersjs， 这 节 分 别 对 主要 代码 进行 相关 逻辑 调用 说 明 。 文 件 组 织 结构 图 如 图 6-4 所 示 ，node_modules 文 件 夹 是 使 用 到 的 相关 组 件 
包 。 


“config.js” 是 Node 服 务 器 的 相关 配置 项 ， 


代码 清单 6-1 Node 服务 器 配置 参数 


EF 要 内 容 是 数据 库 的 账号 和 对 外 访问 端口 


config.]s 


图 6-4 文件 组 织 结构 


USeTS.]S 


mysql 


socket.10 


的 参数 设置 ， 内 容 如 代码 清单 6-1 所 示 。 


/ /数据 库 账 号 设置 

Var config = {}; 

// 数 据 库 地 址 

config['host'] = 'localhost'; 
/ /数据库 端口 

config['port'] = '3306'; 

// 数 据 库 用 户 名 

config['user'] = 'root'; 

// 数 据 库 密码 
config['password'] = ?7 
// 数 据 库 名 

config['database'] = ! 7 

// 表 前 级 

config['tablepre'] = 'shopnc "7 
// 兼 容 低 版 本 
config['insecureAuth'] = true; 
// 开 启 调试 MySQL， 默 认 false 
config['debug'] = false; 

// 授 权 连 接 的 域名 或 TP, 为 空 不 限制 
exports.hostname = "''; 

// 服 务 器 所 用 端口 号 ,默认 8090 
exports.port = 8090; 
exports.config = config; 


如 代码 清单 6-2 所 示 ， 数 据 库 操作 时 使 用 NPM ( 


Node Packaged Modules) 的 MySQL 包 ， 类 似 PHP 中 的 MySQL 扩 


handleDisconnect 方 法 是 在 数据 库 连 接 断 开 后 自动 


代码 清单 6-2 ”Node 连 接 数据 库 


连 ， 保 证 数据 的 及 时 更 新 。 


展 ， 调 用 说 明 可 以 在 “https: //www.npmjs.org/package/mysql” 中 看 到 。 


// 引 用 MySQL 的 驱动 程序 包 
Var mysql = require('mysql'); 


// 从 配置 文件 读 取 数据 库 的 账号 信息 


var db_config = require('http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/../config'); 


var db = "7 


// 创 建 数据 库 连 接 


db = mysql.createConnection (db_config.config); 


// 数 据 库 异 常 处 理 

function handleDisconnect (db) 
db.on('error', function (err) 
if (!err.fatal) { 

return; 


{ 
{ 


} 
if (err.code !== 'PROTOCOL CONNECTI 
throw err; 
// 输 出 错误 提示 
console.1og('Re-connecting lost mys 


// 重 新 连接 


ON LOST') { 


ql: ' + err.code); 


db = mysql.createConnection (db.config); 


handleDisconnect (db); 
gb.connect (); 


]) 


} 
handleDisconnect (db); 
// 连 接 成 功 后 提示 


qb .connect (function (err) 


{ 


if (err) throw console.log('mysql err: 


console.1log(' 


Hs 


mysql connected'); 


1 + err.code); 


如 代码 清单 6-3 所 示 ， 其 中 三 个 方法 是 提供 给 “页 面 接口 ”部 分 的 调用 ， 针 对 “消息 表 ” 操 作 ， 类 似 PHP 服 务 器 端的 聊天 代码 模型 类 功能 ， 调 用 get_query 对 参数 进行 过 滤 处 理 ， 只 是 基本 的 查询 和 更 
新 ， 相 对 简单 。 与 前 面 的 代码 组 成 了 数据 库 操作 文件 一 一 “db.js”。 

代码 清单 6-3 ”消息 表 的 数据 库 操作 方法 

// 查 询 消息 


exports.get msg list 
Var db query = 'SELECT * FROM '; 
var table 


db query += get query(sql); 


db.query (db_query, function (err, rows) 


cb (rows); 


]) 
// 删 除 消息 


exports.del msg = function (sql) 


{ 


function (sql, cb) 


tablepret'chat msg 
db query += table+' WHERE ™; 


{ 


[a 


{ 


Var db query = 'DELETE FROM '; 


var table 
db query += table+' WHERE T 
db query += get_ query (sql); 


tablepret'chat msg 


La 


db.query (db _query, function(err, rows) { 
]) 

} i 

// 更 新 消息 

exports.update msg = function (sql， 


Var db query = 'UPDATE '; 
var table 
db query += table; 

for (var k in values){ 


values) { 


tablepret'chat msg SET '; 


db query += kt+"='"+db.escape (values[k])+"" "; 


} 
db query += ' WHERE '; 
db query += get_ query (sql); 


db.query (db_query, function (err, rows) 


1 


{ 


消息 处 理 部 分 和 数据 库 操作 代码 一 样 都 


内 存 中 长 期 保存 ， 推 送 的 消息 数据 在 会 员 标识 为 已 读 后 删 除 ， 如 代码 


代码 清单 6-4 “会 员 数据 处 理 


属于 数据 操作 ， 没 有 逻辑 调 


:者 
清和 
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关系 ， 任 何 的 消息 都 不 能 脱离 于 会 员 而 存在 ， 会 员 信息 会 在 消息 推送 时 发 给 客户 端 ， 以 减少 PHP 对 数据 库 的 查询 ， 


因此 会 员 数据 在 


-4 所 示 。 


// 与 服务 器 连接 过 的 会 员 信息 
Var user list new Array(); 
exports.set user = set user; 
exports.set user info = 
exports.get user = get user; 
// 更 新 会 员 的 连接 信息 
function set user (user){ 
var User info new Object ( 
var u id = user['u id']7 
user info = get user(u id) 7 


if (typeof user info[™ id' 
user info['u id'] = 


user_info['u name'] 


user info['s id'] = | 
if ( typeof msg list[u id] = 


} 


user list[u id] 


} 

// 设 置 会 员 信息 

function set user info(u id,k,v){ 
if ( typeof user list[u id] 


4 
// 获 取 会 员 信息 
function get user(u id){ 
var user info = new Object( 
if ( typeof user list[u id] 
user_ info 工 


} 


return user info; 


set user info; 


) 7 


undefined™" ) { 
uig; 


user['u name']; 


u ['s id']7 


user info; 


); 
=== "object" ) { 


user list[u id]; 


"undefined" ) msg list[u id] 


"object" ) user list[u id] [k] 


new Object (); 


vi 


Node 服 务 器 只 处 理 未 读 消息 ， 查 询 历史 聊天 记录 由 PHP 服 务 器 来 完成 ， 
展 。 


在 “usersjs” 文 件 中 ， 方便 后 期 的 功能 扩 
代码 清单 6-5 消息 数据 处 理 
// 所 有 未 读 消息 
Var msg list = new Array(); 
exports.set msg = set msg; 
exports.get msg = get msg; 
exports.del msg = del msg; 


// 添 加 未 读 消息 
function set msg(u id,msg){ 
var m id = msg['m id']; 
if ( typeof msg list[u id] 
msg list[u id][m id] = msg; 


} 
// 获 取 会 员 的 未 读 消息 
function get msg(u id){ 
return msg list[u id]; 


=— "undefined" ) msg list[ 


这 样 设计 是 为 了 减少 Node 服 务 器 的 压力 ， 还 降低 了 程序 的 复杂 度 ， 如 代码 清单 6-5 所 示 。 人 处理 消息 和 会 员 的 代码 共同 放 


uid] new Object (); 


} 
// 删 除 未 读 消息 
function del msg(u id,m id){ 
delete msg list[u id] [m_ id]; 
} 


页 面 接口 功能 是 从 商城 页 面 J/S 中 接收 数据 ， 保 存 到 Node 服 务 器 内 存 中 ， 然 后 推送 给 男 一 个 客户 端 ， 此 部 分 是 本 章 功能 的 核心 所 在 ， 涉 及 的 代码 放 在 “chatjs” 中 。 在 代码 清单 6-6 中 分 别 引 
了 “dbjs”、“usersjs”， 先 是 建立 一 个 类 似 Apache 服 务 器 一 一 server， 目 的 是 在 浏览 器 中 直接 访问 时 出 现 提示 “ 非 正 常 访问 ”， 对 外 的 端口 号 在 配置 文件 中 可 修改 ， 再 启用 Socket.1O 服 务 。 
中 “log level” 是 Socket.1O 代 码 调 试 时 使 用 ，0 为 输出 错误 一 一 error，1 是 输出 警告 一 一 warn，2 是 输出 提示 信息 一 一 info，3 是 排查 错误 一 一 debug。 “origins” 是 允许 调用 访问 Node 服 务 器 的 域名 和 
端口 ， 建 议 用 默认 的 “*: * ， 因 为 在 商城 中 店铺 可 能 会 使 用 二 级 域名 ， 如 果 自行 设置 会 出 现 部 分 页 面 连接 不 上 的 情况 ， 改 用 authorization 接 口 通过 正则 表达 式 检测 请 求 连接 的 网 站 域名 与 配置 文件 中 设 
的 是 否 一 致 ， 不 符合 时 在 控制 台 出 现 一 条 提示 信息 ,方便 管理 。“resource” 是 页 面 中 JS 调 用 的 目录 名 ， 默 认 的 是 “/socket.io0”， 这 个 要 求 与 浏览 器 端 运行 代码 设置 一 致 。 在 “transports” 中 可 设置 数据 
传输 方式 优先 使 用 顺序 ，websocket 方 式 为 最 理想 的 ， 要 求 浏览 器 支持 HTML5， 从 Firefox4、Chrome4、Safari5 和 IE10 及 以 上 版 本 可 用 ， 如 果 测试 时 将 flashsocket 放 在 前 面 ， 也 能 连接 成 功 ， 不 过 这 样 很 
不 稳定 ， 所 以 不 推荐 。 


回 


代码 清单 6-6 ”建立 Node 服 务 器 


Var http = require('http'); 

Var url = require('url'); 

var db = require('./lib/db'); 

var lib user = require('./lib/users'); 

var config = require('./config'); 

var hostname = config.hostname; 

var port = config.port; 

var server = http.createServer (function (req, res) { 
res.writeHead (200, {'Content-Type': 'text/plain'}); 
res.end('Access Invalid!\n'); 

DD); 

server.listen (port); 

Var io = require!('socket.io').listen (server); 


io.set('log level', 0); 

i008t (Origine sys ‘Sewn 

io.set('resource', '/resource'); 

io.set('transports', ['websocket', '‘'xhr-polling', 'jsonp-polling', 'htmlfile', 'flashsocket']); 


io.set('authorization', function (handshakeData, cb) { 
var domain = hostname; 
Var origin = handshakeData.headers.origin || handshakeData.headers.referer; 
Var parts = url.parse(''+torigin); 
Var re = new RegExp (domaint+"$","g"); 
Var arr = re.exec (parts.hostname); 
if ( domain === "" 
cb(null, true); 
} else if ( arr !== null ) { 
cb(null, true); 
} else { 
var dt = new Date(); 
console.log(dateToString (dt)+' '+parts.hostname+' handshake unauthorized'); 
cb(null, false); 
} 
]) 


在 客户 端 与 Node 服 务 器 成 功 建立 连接 后 ， 就 可 收发 消息 了 ， 如 代码 清单 6-7 所 示 ，socket 分 别 监听 对 应 事件 ， 除 “disconnect” 由 程序 自动 触发 外 ， 其 他 都 是 在 浏览 器 页 面 加 载 的 JS 中 触发 ， 执 行 完 相 
应 逻辑 后 再 向 客户 端 触发 操作 ， 交 互 进行 这 样 的 操作 来 完成 会 员 双 方 的 聊天 对 话 。update_user 事 件 功能 是 在 会 员 与 Node 服 务 器 建立 连接 后 ， 调 用 update_user 方 法 查询 是 否 有 未 读 消息 (只 是 在 第 一 次 连 
接 时 执行 一 次 ) ， 触 发 客户 端的 get msg 事件 来 推送 离线 时 收 到 的 消息 ， 然 后 标识 会 员 为 在 线 状态 ; send_msg 是 接收 从 客户 端 发 出 的 消息 内 容 ， 查 询 另 一 会 员 在 线 时 向 他 推送 的 消息 ， 双 方 在 线 聊天 时 
send_msg 会 被 重复 调用 来 传递 对 话 内 容 ; get_state 根 据 接收 的 会 员 编号 查询 是 否 在 线 ， 并 向 客户 端 触发 get_state 事 件 后 ， 在 页 面 中 标 出 对 应 会 员 的 在 线 状态 ; del_msg 是 在 会 员 查 看 消息 后 触发 ， 删 除 内 
存 中 的 未 读 消息 防止 重复 提醒 多 次 ; disconnect 是 在 会 员 的 客户 端 与 服务 器 连接 断 开 时 自动 触发 ， 网 络 掉 线 、 退 出 登录 时 执行 ， 标 识 会 员 为 离线 状态 。 


代码 清单 6-7 “Node 服务 器 的 接 


io.sockets.on('connection', function (socket) { 
// 连 接 成 功 后 向 客户 端 发 未 读 消息 
socket .on('update user', function (user) { 
var u id = user['u id']; 
update user(user, function () { 
socket.set('u id', u id); 
socket .join('user '+u id); 
var msg list = {}7 
msg list = lib user.get msg(u id); 
socket .emit ('get msg', msg list); 
lib user.set user info(u id,'connected',1); 
lib user.set user info(u id,'s id',user['s id']); 


( 
lib user.set user info(u id,'s name',user['s name'] 
( 


lib user.set user info(u id,'avatar',user['avatar'] 
connected users[u id] 


); 
1 ) 7 
lib user.get user(u id)7 


]) 7 
]) 7 
// 接 收 消息 并 向 客户 端 发 通知 


socket .on('send msg', function (msg) { 

var t id = msg['t id']; 

var n = io.sockets.clients('user '+t id).length; 

socket.get('u id', function (err, u id) { 
msg['user'] = lib user.get user(u id); 
// 会 员 在 线 时 发 通知 二 
TE 
var m id = msg['m id']; 


Var msg list = {}; 
msg['online'] = 1; 
msg list[m id] = msg; 


io.Sockets.in('user '+t id).emit('get msg', msg list); 
} 
lib user.set msg(t id,msg); 


]) 7 
]) 7 
// 查 询 在 线 状态 并 返回 客户 端 


socket .on('get state', function (u state) { 
var ‘Ti8t = {}y 加 
var user list = {}; 
for (var k in u state){ 
var user info = {}; 
user info = lib user.get user(k); 


user info['online'] = 0; 
var n= io.sockets.clients('user_'+k) .length; 
// 会 员 在 线 


0) 4 
ustate[k] = 1; 


user info['online'] = 1; 
} 
if ( user info['u id'] > 0) user list[k] = user info; 
了 
list['u state"] = u state; 
list['user'] = user list; 
Socket .emit ('get state', list); 


D3; 
// 更 新 未 读 消息 
socket .on('del msg', function (msg) { 
be 
// 断 开 连 接 


socket.on('disconnect', function () { 


es 
1D); 


以 上 程序 逻辑 相对 商城 页 面部 分 的 PHP 和 JS 并 不 复杂 ， 所 有 的 操作 是 在 客户 端 触发 执行 ， 在 开发 时 调试 会 麻烦 些 ， 因 此 建议 使 用 Firefox 来 辅助 开发 ， 监 测 输出 Node 服 务 器 返 


节 代码 在 Socket.10 的 0.9.16 版 本 中 测试 运行 无 误 ， 与 最 新 的 1.0 版 本 会 出 现 不 兼容 情况 ， 稍 做 修改 即 可 ) 。 


6.3.2 PHP 服务 器 端 


| 


的 数据 是 否 正确 (本 小 


与 Node 服 务 器 端 程序 一 样 ，PHP 服 务 器 端 接口 程序 也 是 由 商城 页 面 中 的 JS 来 调用 ， 为 了 在 店铺 页 面 跨 域 名 正常 使 用 ，Ajax 采 用 JSONP 数 据 类 型 进行 传输 。 


代码 清单 6-8 实 现 的 是 会 员 登 录 后 向 服务 器 请 求 好 友和 最 近 联 系 人 的 程序 ， 为 了 防止 会 员 相关 的 数据 被 直接 取出 ， 加 入 了 $_SESSION 数 


居 与 传 入 的 会 员 编 号 是 否 一 致 的 判断 。 调 用 getFriendList 取 Ht 


本 


友信 息 ， 而 查询 最 近 联 系 人 有 两 个 方法 ， 第 一 个 是 根据 发 出 的 消息 查询 ， 第 二 个 是 根据 收 到 的 消息 查询 。 这 两 个 方法 分 别 从 数据 库 的 记录 中 查找 会 员 信息 ， 会 出 现 重复 数据 ， 经 过 相应 方法 内 部 处 


理 ，$member list 中 会 员 是 唯一 的 ， 分 别 用 状态 标识 好 友和 最 近 联系 人 。 最 后 由 json 方 法 将 数组 编码 输出 给 Ajax， 以 供 客户 端 JS 程序 使 有 


代码 清单 6-8 ”查询 好 友和 联系 人 接口 


public function get user listOp(){ 
$member list = array(); 
$model chat= Model('web chat'); 
Smember id = $ SESSION [rmember id']; 
Smember name = $ SESSION ['member name']7 
$f id = intval($ GET['f id']); 
if (($member id < 1) || ($member id != $f id)) $this->error (Language::get('nc member chat login')); 
Sn = intval($ GET['n']); 
if ($n < 1) $n = 50; 
Smember list = $model chat->getFriendList (array('friend frommid'=>$f id),$n,$member list); 
$agd time = date("Y-m-d"); 加 加 CS 
$add time30 = strtotime ($add time)-60*60*24*30; 


$member list = $model chat->getRecentList (array(' 于 id'=>$Sf id "add time'=>array('egt', $add time30) ),10, $member list); 
Smember list = $model chat->getRecentFromList (array('t id'=>$f id, "add time'=>array('egt', $add time30) ) ,10, Smember list); 


$this->json ($member list); 


客户 端 发 消息 要 经 过 PHP 的 服务 器 ， 保 证 消息 内 容 存 入 数据 库 后 才 让 Node 服 务 器 进行 推送 ， 这 样 是 利用 PHP 较 成 熟 的 数据 过 滤 规 则 ， 防 止 被 加 入 恶意 代码 ， 以 及 避免 影响 数据 安全 和 用 户 体验 ， 如 代码 


清单 6-9 所 示 。 在 发 消息 时 要 对 当前 登录 的 会 员 状态 进行 判断 ， 以 免 在 其 他 页 面 退出 后 或 登录 超时 还 能 发 消息 。 


代码 清单 6-9 ”发 消息 接口 


public function send msgOp(){ 
Smember = array() 7 
$model chat = Model ('web chat'); 
Smember id = $ SESSION['member id']; 
$member name = $ SESSION['member name']; 
$f id = intval($ POST['f id']); 
$t_ id = intval($_POST['t id']); 
$t name = trim($ POST['t name']); 


if (($member id < 1) || ($member id != $f id)) Sthis->error (Language::get ('nc member chat login')); 
Smember = $model chat->getMember($t id); 加 加 
if ($t name != $member['member name']) Sthis->error (Language::get('nc member chat name error')); 
Smsg = array(); i 和 a 一 
smsg['f id'] = $f id; 
$msg['f name'] = Smember name; 
Smsg['t id'] = $t id; 
$msg['t name'] = $t name; 
Smsg['t msg'] = trim($ POST['t msg']); 
if ($msg['t msg'] != '') $chat msg = $model chat->addMsg ($msg); 


if(Schat msg['m id']) { 
Sthis->json ($chat msg); 
} else { ， 
$this->error (Language: :get ('nc _ member chat add error')); 


} 


商家 中 心 和 系统 后 台 的 聊天 记录 查询 都 是 用 PHP 从 数据 库 调用 数据 ， 抛 给 模板 页 面 。 需 要 注意 的 是 为 防止 大 数据 量 下 速度 变 慢 ， 调 用 查询 时 如 上 时 间 段 的 限制 ， 也 可 以 考虑 将 一 年 前 的 数据 导出 备份 到 
其 他 数据 库 表 中 ， 保 持 “ 消 息 记录 表 ” 只 存放 最 近 会 调用 到 的 数据 。 代 码 清单 6-10 是 根据 会 员 编号 查询 聊天 记录 的 方法 ， 根 据 发 消息 人 的 会 员 编号 、 收 消息 人 的 会 员 编号 来 准确 匹配 ， 用 开始 时 间 和 结束 时 
间 来 缩小 数据 范围 。 


代码 清单 6-10 ”查询 聊天 记录 方法 


public function getLogFromList ($condition = array(),$page = 10){ 
$list = array(); 
$f id = intval ($condition['f id']); 
if ($f id > 0) { 
$t id = intval ($condition['t id']); 
if (St id > 0) { 


Scorndition Se = "™ {( d= "Eid™ andt id= "Wid") or (i= "iid" andt d= HE 17)) 
} else { 
$condition sql =" (f id = '".$f id."' or t id = '".$f id."™')"; 


} 
$add time from = trim($condition['add time from']); 
if (!empty($add time from)) { 
$add time from = strtotime ($add time from); 


$condition sql .= " and add time >= ™.$agdd time from."'"; 


$add time to = trim($condition['add time to']); 

if (Tempty($add time to)) { ee 
$add time to = strtotime ($add time to)+60*60*24; 
$condition sql .= " and add time <= '".$add time to."'"; 


} 
$1list = $this->getLogList ($condition sql, $page); 
} 


return $list; 


6.3.3 ”页 面 客户 端 


接 下 来 的 程序 主要 是 JS 向 PHP、Node 服 务 器 分 别 发 送 和 接收 数据 ， 根 据 不 同 内 容 进行 处 理 后 在 页 面 中 展示 给 会 员 ， 更 多 是 为 了 提高 
序 ， 省 略 了 页 面 布局 、CSS 样 式 、JS 交 互 效 果 等 相关 代码 。 


户 体验 而 设计 。 由 于 篇 幅 限 制 此 节 中 只 介绍 数 所 


局 处 理 的 逻辑 部 分 程 


会 员 登 录 成 功 后 生成 的 $_ SESSION 是 保存 在 PHP 服 务 器 ，JS 要 调 
的 ，CHAT_SITE_URL 是 聊天 程序 所 调用 的 相关 资源 网 


录 页 面 中 弹出 框 所 使 


(PHP 接 


头像 等 (因为 不 同 会 员 在 不 同 的 服务 器 页 面 会 生成 不 同 代码 ， 
他 变量 在 不 同 服务 器 会 出 现 不 同 的 值 。 


代码 清单 6-11 PHP 输 出 的 相关 变量 


<script type="text/javascript"> 


Var APP SITE URL = "''; 
var CHAT SITE URL = ''; 
Var SHOP SITE URL = "''; 
var connect url = ''; 
var layout = 107 

var act op = 107 

Var user = {} 


user['u id'] 
user['u name'] 
user['s id'] 
user['s name'] 
user['avatar'] 
$("#chat login") .nc login({ 
action:'/index.php?act=login', 
nchash:"'', 
formhash:"'" 
]) 
</script> 


11 


因此 没有 列 出 具 


时 从 页 面 中 获取 。 代 码 清单 6-11 就 是 由 PHP 根 据 系统 的 各 项 参数 及 会 员 的 登录 情况 输出 到 页 


H 


口 和 JS 文件 ) ，connect_url 是 Node 服 务 器 地 址 ，user 是 会 员 相关 信息 ， 义 


体 变 量 值 ) 。 当 没有 登录 时 会 员 user 数 组 内 各 项 值 为 空 ， 在 后 面 的 代码 中 会 根据 会 员 编号 是 否 为 空 来 确定 是 否 是 登录 状态 ， 其 


的 代码 。APP_SITE_URL 是 商城 会 员 
会 员 编号 、 登 录 名、 店铺 编号 、 店 铺 名 、 


由 本 节 


以 上 代码 会 输出 在 PHP 页 面 的 底部 ， 紧 接着 调 


后 面 内 容 所 涉及 的 代码 组 成 的 文件 user.js， 利 


由 于 相关 的 代码 较 多 ， 我 们 只 对 重要 的 逻辑 进行 说 明 ， 在 程序 中 会 调 


的 变量 如 代码 清单 6-12 所 示 。 


恋 : 
ee 


代码 清单 6-12 ”客户 端 页 面 数据 调 


PHP 提 供 的 各 种 变量 分 别 与 PHP、Node 服 务 器 进行 数据 交互 ， 由 客 


户 端 的 JS 处 理 后 呈现 给 会 员 。 


// 断 开 后 计时 

var interval = 1; 

// 消 息 提醒 计时 

var new interval = 1; 

// 连 接 状 态 

Var connect = 0; 

// 新 消息 数 

var new msg = 0; 

var obj = {}; 

var socket = {}; 

var chat log = {}; 

var connect list = {}; 

var connect n = 0; 

// 页 面 信息 

Var web info = new Array(); 
// 我 的 好 友 

var friend list 
// 最 近 联 系 人 

var recent list 
// 所 有 会 员 信息 
Var user list = 
// 收 到 消息 

Var msg list = new Array(); 
// 对 话 框 是 否 打 开 
show = 0; 

9 会员 

var user show = 0; 

// 消 息 数 

Var msg max = 20; 

// 定 时 (分 钟 ) 刷 新 防止 登录 超时 退出 ,为 O 时 关闭 


var time max = 10; 


new Array () 7 


new Array () 7 


new RArray () 7 


(在 上 节 中 已 经 提 到 ) ， 查 询 好 友和 最 近 联 系 人 ， 返 回 


get user listgn=998f id-'+user[ru id']; 


的 u_list 会 员 列表 经 过 处 理 分 别 放 入 friend_list 好 友和 recent_ list 最近 联系 人 ， 设 置 1 


send _state 向 Node 服 务 器 发 送 会 员 编号 数组 ， 服 务 器 处 理 完 后 触发 客户 端 


他 页 面 中 已 读 消息 在 当前 页 面 


页 面 加 载 完成 后 会 自动 触发 PHP 服 务 器 的 get_user listOp 接 
秒 后 用 getconnect 方 法 连接 Node 服 务 器 ， 查 询 会 员 的 在 线 状态 并 在 页 面 中 进行 标识 ， 如 代码 清单 6-13 所 示 。 
代码 清单 6-13 ”异步 调用 好 友和 最 近 联 系 人 
Var ajaxurl = CHAT SITE URL+'/index.php?act=web chat&op= 
$.ajax({ 
type: "GET", 
url: ajaxurl, 
dataType:"jsonp", 
async: true, 
success: function(u list){ 
for (var u id in u list){ 
. var user info = u list[u id]， 
connect list[u id] = 0; 
connect n+tt; 
set user info(u id， "u name",user info['u name']); 
set user info(u id,"avatar",user info['avatar']); 
if ( user info["friend'] =— 1 ) friend list[u id] = user info; 
if ( user info['recent'] 一 ) recent list[u id] = user info; 
} 
setTimeout ("getconnect ()",1000); 
DD); 
为 了 与 Node 服 务 器 断 
似 服务 器 端 ， 如 代码 清单 6-14 所 示 。 调 
态 以 备 其 他 会 员 查 询 ; get_msg 是 接收 并 处 理 服务 器 推送 的 消息 ，del_msg 是 删除 从 
进行 说 明 。 


代码 清单 6-14 ”客户 端 socket 接 


的 get_state 导 


件 来 标识 页 


里 


的 提醒 ; disconnect 是 与 Node 服 务 器 断 开 后 定时 


后 重 连 ， 将 连接 Node 服 务 器 的 代码 进行 了 封装 ， 成 功 连接 后 会 创建 socket 对 象 ， 并 设置 connect 为 1， 表 示 与 服务 器 已 经 连接 ， 可 以 进行 收发 消息 的 操作 了 ， 内 部 方法 功能 


中 会 员 的 在 线 状态 ; update_user 是 更 新 当前 会 员 的 在 线 状 


动 


连 程序 。 后 


里 


会 分 别 对 主 


部 分 


function getconnect () { 


$.getScript (connect url+"/resource/socket.io.js", function(){ 


clearInterval (interval); 
if ( typeof io === "object" ) { 


socket = io.connect (connect url, { 'resource': 'resource', 


socket .on('connect', function 
connect = 1; 
send state(); 
socket .on('get state', function (u list) { 
get_ state(u list); 


]) 
// 未 登录 时 不 取消 息 
if (user["ui i109] == 1") return false; 
$ ("#web chat dialog") .show(); 
if($("#new msg dialog") .size()==0) $("#web chat dialog") 


0 


'reconnect': false }); 


.after (web_info['msg dialog']); 


obj = $("#new msg dialog"); 
socket .emit ('update user', user); 
socket .on('get msg'r function (msg list) { 
get msg(msg list); 
]) 
socket.on('del msg', function (msg) { 
del _ msg (msg); 7 
ns 
socket .on('disconnect', function () { 
connect = 0; 
$ ("#web chat dialog") .hide(); 
// 断 开 1 分 钟 后 重新 连接 服务 器 
interval = setInterval( getconnect, 60000); 


D); 


先 来 看 下 send_state 方 法 。 如 代码 清单 6-15 所 示 ，u_list 从 connect_list 获 得 当前 登录 会 员 的 好 友和 最 近 联系 人 ，connect_n 是 会 员 总 数 ， 根 据 不 同 的 html 标 签 规则 在 当前 浏览 的 页 面 查找 会 员 编 号 , 已 
登录 时 向 Node 服 务 器 触发 查询 会 员 是 否 在 线 的 get_state 事 件 ， 没 登录 又 没有 需要 查询 的 会 员 时 断 开 socket 连 接 。 


代码 清单 6-15 ”向 Node 服 务 器 查询 在 线 状态 


function send state(){ 
var u list = connect list; 
Var n = connect n; 
if(layout == 'layout/store layout.php') { 


} else { 
Switch (act op){ 
Case "act_op": 


break; 
default: 
$(" [member_ id]") .each (function(){ 
++ 7 
var u id = $(this) .attr("member id") 7 
if (uid>0 gs uid != user['u id'] ) ulist[u idl = 0; 
1); 
break; 
. 
} 
if(connect =— 1) { 
1 tr 0 计 
Socket .emit ('get state', u list); 
} else { 
if” Usert ny. 91 = 1 
socket .disconnect () 7 
} 
} else { 


return n; 


} 


回 


如 代码 清单 6-16 所 示 ，get_state 方 法 处 理 Node 服 务 器 返回 给 客户 端的 数据 。list['u_state"] 中 是 会 员 的 在 线 状态 数据 ，list['user"] 则 是 发 送 的 会 员 中 已 经 登录 过 的 会 员 信息 ， 以 免 显 示 时 再 次 向 PHP 服 务 
器 查询 。 set_user_list 利 用 返回 的 信息 对 会 员 进 行 数据 更 新 ， 调 用 get_chat 方 法 对 在 线 状 态 标识 完 后 ， 当 会 员 在 页 面 中 是 登录 状态 时 更 新 好 友和 最 近 联 系 人 ， 未 登录 时 主动 关闭 socket 连 接 。 


代码 清单 6-16 ”在 页 面 标识 会 员 在 线 状态 


function get state(list){ 
var u list = list['u state']; 
set user list(list['user']); 


if(Iayout 一 'layout/store layout.php' || act op 一 'goods index') { 
} else { 

Switch (act op){ 

default: 

$ ("[member id]") .each (function 


( 
var u id = $ (this) .attr ("member id") 
if($ (this).find(".chat") .size() 
$ (this) .prepend (get_chat (u id,u 


所 
break; 
} 

} 

if(user['u id'] != '') { 
update recent () 7 
update friends() 

} else { A 

socket .disconnect (); 


} 


如 代码 清单 6-17 所 示 ， 发 消息 时 要 选择 对 话 的 会 员 ， 对 消息 的 内 容 做 必要 的 简单 验证 ， 向 PHP 服 务 器 提交 消息 数据 ， 返 回 成 功 时 再 向 Node 服 务 器 触发 snd_msg 事 件 进 行 消息 推送 ， 最 后 调用 
show_t_msg 将 刚才 发 出 的 消息 内 容 显示 在 页 面 对 话 框 中 。 


代码 清单 6-17 ”向 PHP 服 务 器 提交 消息 


function send msg(){ 
if(user show < 1) { 
“$("#send alert") .html (' 未 选择 聊天 会 员 '); 
return false; 
} 


var msg = {}; 


msg['f id'] = user['u id']; 
msg['f name'] = user['u name']; 
msg['t_ id'] = user show; 

] 


msg['t name' user list[user show]['u name']; 
msg['t msg'] = $.trim($ ("#send message") .val ()); 
if(msg['t msg'].length <1) { 一 
$("#send alert") .html (' 发 送 内 容 不 能 为 空 ') ; 
return false; 
} 
if(msg['t msg'].length > 255) { 
$l("#send alert") .html (' 一 次 最 多 只 能 发 送 255 字 '); 
return false; 
} 
if(connect < 1) { 
$("#send alert") .html (' 处 于 离线 状态 , 稍 后 再 试 ') ; 
return false; 
} 
$.ajax({ 
type: "POST", 
url: CHAT SITE URL+'/index.php?act=web chat&op=send msg', 
dataType:"jsonp", 
data: msg, 
async: false, 
success: function (t msg){ 


if(t msg['error']) 

$ ("#send alert") .html (''+t msg['error']); 
return false; 

} else { 

if ( connect ==—=1)I{ 

socket .emit ('send msg', t msg); 

$("#send message") .val (''); 

$ ("#send message") .focus (); 

$("#send alert") .html (''); 

show t msg(t msg); 

return true;™ 

} else { 

$("#send alert") .html (' 由 于 网 络 原因 未 发 送 成 功 , 稍 后 青 试 ') 
return false; 

} 

} 


处 理 服务 器 推送 消息 的 代码 如 代码 清单 6-18， 其 中 get_msg 是 接收 Node 服 务 器 推送 来 的 消息 ，list 是 未 读 消息 数组 列表 ， 因 为 list 消 息 内 容 可 能 由 不 同 会 员 发 出 ， 但 在 页 面 中 同时 只 能 有 一 个 会 员 是 处 在 
对 话 中 的 状态 ， 所 以 一 对 多 聊天 时 在 客户 端 要 对 未 读 消息 以 会 员 编号 u_id、 消 息 编号 m_id 为 键 值 进行 保存 。 调 用 set_user 方 法 对 发 送 消息 的 会 员 信息 初始 化 ， 如 果 返 回 消息 中 有 发 消息 的 会 员 相 关 信 息 ， 用 
返回 的 数据 对 其 他 数据 进行 更 新 ， 当 没有 获得 头像 时 请 求 PHP 服 务 器 的 get_info 接 口 查询 一 次 数据 ， 以 供 页 面 显示 时 使 用 。dialog_show 为 0 表示 页 面 中 没 打开 对 话 框 ， 保 存 收 到 的 消息 到 
msg_list[u_ id]j，alert_user_msg 方 法 的 功能 是 在 页 面 中 对 单个 会 员 消息 做 未 读 标记 ， 最 后 调用 alert_msg 对 所 有 的 未 读 消息 进行 提醒 。 打 开 对 话 框 但 不 是 和 发 消息 人 对 话 时 处 理 方式 同上 ， 如 果 正 在 与 发 消 
息 人 对 话 ， 用 show_msg 来 显示 消息 内 容 并 删除 客户 端 msg_list[u_id] 及 Node 服 务 器 中 对 应 的 未 读 消息 。 


代码 清单 6-18 ”处 理 服务 器 推送 的 消息 


function get msg(list){ 
Var msg = {}; 
for (var k in list){ 
msg = list[k]; 
var m id = msg['m id']; 
var id = msg[ dls 
set user(u id,msg['f name 1); 
RE (typeof 1 msg['user'] === "object" && typeof msg['user']['avatar'] !== "undefined" ) { 
Var user info = msg['user']; 
Var u name = user info['u name']; 
set_ user info(u 1d,"™u | name",u name); 
set 1 _USeT ~ info(u id,"s . id" Ct info['s id']); 
set 1 .User info (u id,"s name",user info[' 's name']); 
set 1 Ser info(u id, "avatar" :user - "infol 'avatar']); 
if ( user info[' "online'] > 0 ) set user info(u id,"online",1); 


} 
// 当 没 获得 会 员 信息 时 调用 一 
if ( typeof user list[u - A avatar'] === "undefined" ) { 
var ajaxurl = CHAT SITE URL+'/index.php?act=web chat&op=get infogt=memberg&u id='+tu id; 


msg list[u id] [m id] = msg; 
// 没 有 打开 对 话 二 四 站 放 
if(dialog show 一 0 || obj.find("li[select u id='"+u id+"']") .size()==-0) { 
user list[u id]['new msg']++; 
new msg++; 
else { 
if ( user show =— u id) { 
Show msg(u 46)» 
} else { 
user list[u id]['new msg']++; 
new msg+t+t; 
} 
} 
alert user msg(u id); 


alert msg(); 
} 


如 果 一 个 会 员 同 时 打开 了 多 个 页 面 ， 那 么 与 Node 服 务 器 会 有 多 个 处 在 连接 中 的 socket， 此 时 一 旦 有 新 消息 所 有 页 面 都 可 能 会 出 现 提醒 ， 在 一 个 页 面 中 标记 为 已 读 时 ， 其 他 页 面 中 的 提醒 应 该 关闭 。 因 
为 浏览 器 安全 机 制 问题 ， 客 户 端的 JS 只 能 在 所 加 载 的 页 面 中 执行 ， 所 以 当 读 取消 息 后 要 向 服务 器 触发 del_msg 事 件 来 删除 已 读 消息 ， 再 由 Node 服 务 器 向 客户 端 触发 socket 中 的 del_msg 接 


function del sg (msg) { 
// 最 大 的 消息 编号 
var max id = msg['max id'] 
varuid= msg[ £ dT] 7 是 息 发 送信 
for (var m id in msg list[u id])t{ 
A ( max id >= m id) { 
delete msg - list[u . jd] [m id]7 
if ( user ~ Tist[u : Id]['new ' msg'] > 0 ) user list[u id]['new msg']--; 
if (new ' msg > 0 ) new msg-—-; 
alert user msg(u id); 
} 


alert msg(); 


6.4 功能 体验 


这 节 的 重点 是 借助 图 片 对 页 面 中 聊天 模块 的 布局 进行 说 明 。 


会 员 登 录 后 ,会 在 页 面 底部 加 载 聊天 系统 的 工具 栏 ， 如 图 6-5 所 示 。 在 商品 列表 中 ， 鼠 标 放 到 商品 图 时 会 出 现 “ 在 线 客服 ”的 图 标 ， 查 询 到 在 线 状态 时 显示 蓝 色 图 标 ， 离 线 时 用 灰色 的 显示 。 在 有 新 消息 
提醒 时 ， 工 具 栏 上 的 “小 鸟 ” 图 标 会 闪 动 ， 点 击 可 打开 对 话 框 查看 消息 内 容 。 单 击 工具 栏 右 侧 的 箭头 可 打开 联系 人 列表 ， 分 为 好 友和 最 近 联 系 人 两 栏 ， 具 体 见 图 6-6。 
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图 6-5 ”聊天 工具 栏 


聊天 对 话 框 的 布局 如 图 6-6 所 示 。 点 开 联系 人 列表 ， 显 示 头像 和 会 员 名 ， 也 能 看 到 每 个 会 员 的 在 线 状态 。 单 击 “ 我 的 好 友 ” 和 “最 近 联 系 人 ”可 对 相应 的 列表 进行 收 起 和 展开 操作 。 单 击 会 员 头 像 打 开 聊 
天 对 话 框 ， 当 同时 与 多 个 会 员 聊 天 时 ， 对 话 框 左 侧 会 出 现 对 话 中 的 会 员 列 表 ， 有 新 消息 时 也 会 在 左 侧 进 行 标 识 。 对 话 框 中 间 部 分 显示 双方 的 消息 内 容 ， 为 方便 区 分 ， 当 前 会 员 发 出 的 消息 靠 右 显示 ， 收 到 的 
他 人 消息 靠 左 ， 在 内 容 较 多 时 会 出 现 滚动 条 。 单 击 对 话 框 右 上 角 的 “关闭 ”按钮 可 结束 对 话 ， 单 击 “ 联 系 人 ”右上 角 的 按钮 能 收 起 会 员 列表 到 默认 状态 。 


shopnc | 联 系 人 


官方 店铺 
我 的 好 友 


2014-04-23 11:33:07 


能 开发 票 吗 ? 贺 :mn 


四 apple2 
2014-04-23 11;33:25 


罗 ms. | 最 近 联 系 人 
四 shopnc 


名 表情 输入 聊天 信息 聊天 记录 \、_， 


还 可 以 输入 255 字 :时 IM 在 线 联系 会 


图 6-6 ”聊天 对 话 框 


在 对 话 框 中 单 击 “ 聊 天 记录 ”可 打开 聊天 记录 查询 窗口 ， 默 认 显示 7 天 内 的 消息 内 容 ， 也 可 以 查看 15 天 、30 天 内 的 数据 ， 单 击 底部 的 “左右 箭头 ”按钮 可 以 进行 翻 页 。 


se 聊天 记录 


我 2014-04-23 11:26:06 
201404-23 11:33:07 发 售 快 吗 ? 
能 开发 票 吗 ? | 里 shopnc 2014-04-23 11;28;23 
| 不 慢 
2014-04-23 11:33:25 shopnc 2014-04-23 11;31;22 
这 | 和 天 气 好 坏 有 关 。 
我 2014-04-23 11;33:07 
能 开发 票 吗 ? 
shopnc 2014-04-23 11:33:25 
可 以 的 。 


后 表情 输入 了 黎 天 信息 


还 可 以 输入 255 字 7 天 15 天 30 天 人 


图 6-7 查看 聊天 记录 


6.5 ”开发 技巧 


本 章 的 代码 与 其 他 章节 的 有 所 不 同 ， 主 要 集中 在 JS 部分， 而 在 实际 工作 中 编写 和 调试 这 部 分 程序 比 PHP 的 要 麻烦 些 ， 在 开发 前 要 对 相关 技术 有 深入 理解 ， 这 样 出 现 问题 才能 及 时 找到 。 


我 们 介绍 的 核心 功能 ， 只 是 整个 聊天 系统 中 一 个 组 成 部 分 ， 依 靠 这 些 还 达 不 到 能 应 用 到 项 目 中 的 标准 ， 就 像 生 产 汽车 ， 一 台 好 的 发 动机 和 合适 的 车 架 是 不 能 少 的 ， 但 一 辆 真正 能 开动 的 汽车 还 需要 轮 
胎 、 车 座 等 其 他 部 件 。 在 系统 开发 时 ， 数 据 在 页 面 中 展示 方式 与 用 户 的 操作 习惯 也 很 重要 ， 要 让 商城 会 员 使 用 起 来 感到 简单 方便 ， 还 要 能 实现 交流 对 话 的 目的 ,平衡 各 方面 因素 ， 吸 收 利用 大 家 的 意见 对 开 


发 会 有 不 少 帮助 。 


6.6 ”本章 小 结 


本 章 以 商城 会 员 系 统 基础 开发 了 实时 聊天 系统 ， 涉 及 的 内 容 较 多 ， 其 中 开发 思路 最 为 重要 ， 它 决定 了 整个 系统 的 成 败 。 代 码 实现 过 程 和 按 图 纸 盖 大 楼 一 样 ， 都 是 从 想象 到 实体 的 步骤 ， 如 果 设 计 有 缺 
陷 ， 那 大 楼 就 很 难 盖 成 ， 在 系统 开发 过 程 中 团队 内 要 经 常 进行 沟通 协调 ， 相 互 帮助 解决 问题 ， 这 样 才能 开发 出 一 个 优秀 的 系统 。 


第 7 章 移动 应 用 套件 的 设计 与 实现 


随 着 时 代 与 技术 的 进步 ， 人 们 对 移动 性 和 信息 的 需求 急速 上 升 ， 移 动 互联 网 已 经 渗透 到 人 们 生活 、 工 作 的 各 个 领域 。 随 着 3G 时 代 的 到 来 ， 移 动 电子 商务 成 为 各 个 产业 链 亮相 争 抢 的 “大 蛋糕 ”。 移 动 电 
子 商务 可 以 为 用 户 随时 随地 提供 所 需 的 服务 、 应 用 、 信 息 和 娱乐 ， 同 时 满足 用 户 及 商家 从 众 、 安 全 、 社 交 及 自我 实现 的 需求 ， 因 而 深 受用 户 的 欢迎 。 移 动 电子 商务 成 为 了 电子 商务 发 展 的 未 来 趋势 。 移 动 电 
子 商 务 作 为 一 种 新 型 的 电子 商务 方式 ， 利 用 了 移动 无 线 网 络 的 优点 ， 是 对 传统 电子 商务 的 有 益 补充 。 尽 管 目前 移动 电子 商务 的 开展 还 存在 安全 与 带宽 等 很 多 问题 ， 但 是 相 比 与 传统 的 电子 商务 方式 ， 移 动 电 
子 商务 具有 诸多 优势 ， 得 到 了 世界 各 国 的 普遍 重视 ， 发 展 和 普及 速度 很 快 。 


当然 ， 由 于 基于 固定 网 的 电子 商务 与 移动 电子 商务 拥有 不 同 特征 ， 移 动 电子 商务 不 可 能 完全 替代 传统 电子 商务 ， 两 者 是 相互 补充 、 相 辅 相 成 的 。 移 动 通 信 所 具有 的 灵活 、 便 捷 的 特点 ， 决 定 了 移动 电子 
商务 应 当 定位 于 大 众 化 的 个 人 消费 领域 ， 应 当 提 供 大 众 化 的 商务 应 用 ， 因 此 B2B 可 能 成 为 移动 电子 商务 发 展 的 主要 模式 。 


7.1 设计 思路 


一 个 好 的 产品 ， 不 光 要 有 技术 强大 的 团队 ， 还 需要 完美 的 产品 设计 。 从 古 至 今 人 类 有 过 无 数 场 战争 ， 而 每 场 战 争 胜利 的 关键 不 单单 只 是 靠 强大 的 军队 和 奴 厚 的 物质 资源 ， 更 需要 的 是 一 个 思维 敏捷 、 方 
向 正确 的 领导 者 ， 由 这 样 的 人 设计 出 完美 的 方案 才能 战胜 敌人 。 


7.1.1 产品 设计 


其 实 我 们 都 知道 ， 自 2003 年 淘宝 问世 以 来 ， 这 几 年 中 国 互联 网 领域 比较 火 的 就 是 电子 商务 了 ， 网 购 也 像 逛 超市 一 样 平常 。 这 种 新 型 的 网 络 交易 平台 已 经 完全 被 广大 的 用 户 群 体 所 接受 ， 并 且 正 在 慢 慢 改 
变 我 们 的 生活 ， 成 为 习惯 。 最 近 几 年 很 多 实体 店 也 都 纷纷 转向 电子 商务 领域 ， 那 些 跟 不 上 时 代步 伐 的 传统 店铺 在 今后 的 几 年 也 必 将 被 电 商 取代 。 而 2013 年 以 后 传统 电 商 发 展 并 不 乐观 ， 很 多 电 商 的 崛起 、 
户 需 求 不 断 提 高 、 发 展 速度 过 快 把 传统 电 商 推 到 了 瓶颈 ， 随 着 移动 设备 的 普及 ， 传 统 电 子 商 务 企业 把 矛头 转向 移动 电 商 。 为 什么 移动 电 商 有 这 么 大 的 影响 力 ? 我 们 来 简单 分 析 一 下 移动 电 商 应 用 的 几 个 特 


1) 便捷 性 : 与 传统 电 商 相 比 移动 电 商 最 大 的 特点 就 是 随时 随地 的 特性 。 传 统 电 商 局 限于 电脑 上 ， 携 带 不 方便 ， 而 移动 电 商 则 可 以 让 人 们 随时 随地 浏览 、 购 物 。 


2) 及 时 性 : 移动 终端 几乎 每 个 人 每 天 都 会 带 在 身上 ， 当 有 新 的 折扣 消息 通知 时 ， 能 即时 推送 到 移动 终端 ， 方 便 人 们 即时 抢购 所 需 的 商品 。 


3) 用 户 量 : 随 着 移动 设备 的 普及 ， 移 动 终端 会 逐渐 超过 pc 的 用 户 量 ， 移 动 的 时 代 才 刚刚 开始 。 


7.1.2 ”设计 原则 


1) 设计 观念 : 从 传统 方向 转向 移动 领域 ， 设 计 者 们 首先 要 做 的 是 丢弃 旧 的 思维 模式 和 设计 理念 ， 重 新 认识 移动 产品 的 特性 。 

“专注; 移动 应 用 的 本 质 是 给 人 以 最 高 的 效率 、 简 单 、 便 捷 的 完成 特定 的 任务 ， 所 以 移动 功能 设计 要 比 传统 产品 功能 少 很 多 。 

“ 独特 : 在 产品 设计 之 前 就 要 清楚 你 的 应 用 和 同类 产品 相 比 有 什么 独特 之 处 ， 将 其 体现 到 产品 的 整体 用 户 体验 策划 当中 ， 并 在 交互 、 视 觉 、 设 计 流 程 当中 突出 卖点 。 

: 迷人: 移动 设备 是 相当 个 人 化 的 工具 ， 通 常人 们 会 由 于 长 久 使 用 而 习惯 、 依 赖 这 个 软 硬 件 。 应 用 程序 同样 要 与 用 户 在 情感 上 产生 互动 ， 通 过 友好 、 有 趣 、 可 信赖 的 设计 和 功能 让 用 户 爱 不 释 手 。 


“体贴: 不 要 全 部 注意 力 都 投入 到 开发 上 ， 一 个 好 的 产品 不 光 是 闵 头 苦 干 就 能 写 出 来 的 ， 在 开发 中 要 设身处地 、 身 临 其 境 ， 站 在 用 户 的 角度 去 体验 和 开发 这 款 产 品 ， 这 样 开发 出 来 的 产品 更 人 性 化 ， 也 
能 够 被 更 多 用 户 所 接受 。 


2) 使 用 环境 : 提 到 设备 的 使 用 环境 ， 我 们 通常 会 先 想到 商业 巨头 在 机 场 提 着 皮 箱 、 摆 弄 手 机 的 画面 。 不 过 这 只 是 移动 应 用 使 用 环境 的 其 中 之 一 ， 我 们 需要 考虑 的 使 用 情景 可 以 归纳 为 3 类 : 打发 无 聊 、 
忙碌 工作 、 身 处 异地 。 


打发 无 聊 : 很 多 用 户 闲 暇 之 时 无 事 可 做 就 会 窝 在 家 里 的 沙发 上 摆弄 手机 ， 在 这 种 情况 下 人 机 会 话 时 间 长 ， 需 求 则 是 偏 娱乐 休闲 ， 所 以 令 人 愉悦 的 体验 感 是 必需 的 。 


“ 忙碌 工作 : 现在 手机 几乎 人 人 具备 ， 因 此 手机 应 用 必须 能 帮助 用 户 快速 完成 一 些小 的 任务 目标 ， 界面 当中 的 文字 及 交互 对 象 要 够 大 、 够 清晰 、 够 简洁 ， 这 样 用 户 即 使 在 不 稳定 的 情况 下 依然 可 以 操 


“ 身 处 异地 : 针对 用 户 在 出 差 、 旅 途 或 是 卫生 的 环境 的 情况 ， 不 仅 要 考虑 可 读 性 和 易 用 性 的 问题 ， 还 要 考虑 网 络 连接 、 电 量 等 方面 。 针 对 不 同类 别 的 产品 做 出 相对 合理 的 设计 和 优化 ， 尽 量 精简 那些 可 


能 造成 电量 消耗 的 特性 功能 。 


3) 通用 的 设计 规范 : 移动 应 用 类 型 大 致 分 为 三 种 。 实 用 型 、 效 率 型 、 沉 浸 型 ， 不 同类 型 的 应 用 有 不 同 的 设计 与 开发 规则 。 在 为 小 尺寸 触 屏 移动 设备 的 应 用 进行 设计 的 过 程 中 ， 有 一 些 全 局 性 的 规范 需要 
我 们 注意 : 


“ 响应 性 : 如 果 用 户 执行 了 操作 ， 应 用 应 该 立刻 做 出 响应 给 用 户 ， 让 用 户 知道 应 用 还 在 运行 ， 不 然 谁 都 不 知道 应 用 是 挂 掉 了 还 是 在 运行 中 。 


“细节: 在 设计 和 开发 过 程 中 可 能 没有 在 意 的 细节 ， 用 户 在 使 用 过 程 中 轻而易举 地 注意 到 了 。 所 以 游戏 的 细节 设计 对 产品 整体 的 体验 感 很 有 帮助 。 想 象 一 个 界面 外 观 很 华丽 的 应 用 ， 在 用 户 使 用 过 程 中 
一 直 崩 演 ， 那 么 用 户 的 体验 感 显然 会 被 大 打折 扣 的 。 


“ 拇指 : 关于 触 屏 操作 ， 其 实在 多 数 情况 下 ， 我 们 只 是 在 为 拇指 进行 设计 ， 除 非 你 确定 用 户 会 同时 使 用 两 只 手 来 操作 设备 。 即 使 用 户 是 在 双手 持 机 ， 通 常 也 是 使 用 两 只 拇指 进行 操作 。 所 以 ， 设 计 方案 
通常 需要 围绕 着 拇指 进行 考虑 。 


“点击 目 标 : 看 看 自己 拇指 用 来 触 控 界 面 的 地 方 。 无 论 怎 么 看 上 去 形状 都 只 是 像 个 瓶 盖 儿 。 即 使 长 的 再 好 看 ， 对 于 移动 设备 界面 当中 那些 微小 的 操作 对 象 来 说 也 显得 大 了 许多 。 
“ 相 邻 元 素 之 间 的 布局 关系 : 这 一 点 也 需要 留意 的 ， 例 如 ， 在 创建 内 容 类 的 应 用 中 ， 将 “返回 ”按钮 直接 搁 在 “保存 ”按钮 旁边 就 不 是 个 好 主意 。 


“内容; “直接 操纵 ”是 触 屏 设备 交互 模式 的 根基 。 用 户 可 以 直接 与 界面 进行 交互 ， 而 不 需要 鼠标 一 类 的 辅助 设备 。 


这 种 模式 的 优点 就 不 用 多 说 了 ， 现 在 几 岁 的 小 孩子 都 可 以 轻松 使 用 pad 和 phone， 但 他 们 可 能 还 搞 不 定 计算 机 。 对 于 运行 在 触 屏 设 备 当中 的 应 用 来 说， 更 是 要 精简 界面 元 素 ， 使 内 容 呈 现 方式 与 功能 的 
操作 方法 尽 可 能 符合 “直接 操纵 ”框架 下 的 直觉 模式 。 


“ 控制 元 素 的 布局 : 在 通常 情况 下 ， 有 具有 控制 功能 的 界面 元 素 需 要 放置 在 内 容 的 下 方 ， 这 样 我 们 在 执行 操作 的 时 候 才 不 会 将 内 容 遮 挡住 。 想 想 看 手机 的 home 键 都 是 在 底部 好 像 还 没有 放 到 上 面 的。 虽然 
传统 的 桌面 软件 和 Web 页 面 都 是 将 相关 的 导航 和 操作 放 在 顶部 的 ， 但 那 只 适用 于 鼠标 操纵 的 情况 ， 毕 竟 指 针 的 尺寸 相对 于 整个 显示 设备 来 说 是 微不足道 的 。 


: 滚屏 : 在 多 数 时 候 ，“ 折 线 以 下 ”的 忌讳 同样 存在 于 移动 应 用 的 界面 设计 当中 。 另 外 ， 对 于 某 些 应 用 来 说 ， 单 屏 模 式 可 以 带 来 更 加 坚实 可 靠 的 感觉 ， 因 为 所 有 的 内 容 都 是 可 预知 的 。 


当然 ， 在 多 数 应 用 中 ， 避 免 滚屏 是 不 现实 的 ， 不 过 可 以 思考 一 下 是 否 有 什么 方式 可 以 减少 滚屏 带 来 的 不 确定 感 ， 让 用 户 了 解 到 那些 还 没有 进入 可 视 范 围 的 内 容 的 存在 。 


4) 第 一 印象 


“应 用 图 标 : 对 于 一 个 应 用 来 说 ， 第 一 印象 很 重要 。 从 应 用 的 图 标 开始 就 要 给 用 户 留 下 深刻 的 印象 ， 这 样 能 让 你 的 应 用 图 标 在 各 种 同类 产品 的 图 标 海洋 中 脱颖而出 。 


“ 首次 启动 : 首次 启动 的 表现 虽然 只 显示 一 次 ， 但 是 它 往往 可 以 决定 一 款 应 用 的 成 功 或 失败 。 如 果 新 的 用 户 在 这 里 就 感到 困 芒 和 受挫 ， 那 么 他 们 很 快 会 放弃 这 款 产 品 的 使 用 。 如 果 你 的 应 用 软件 很 烦 
琐 、 复 杂 ， 那 么 可 以 考虑 增加 一 些 引导 来 帮助 用 户 在 短 时 间 内 对 产品 能 了 解 和 操作 。 


7.2 代码 实现 


7.2.1 框架 结构 介绍 


因为 手机 的 限制 ，Android 开 发 其 实 不 会 像 Web 开 发 一 样 有 很 庞大 的 框架 。 从 开发 者 的 角度 ， 看 到 整齐 的 代码 和 优美 、 有 层次 的 框架 是 一 种 享受 ， 从 艺术 角度 我 们 是 在 追求 一 种 美 。 下 面 是 我 们 产品 的 
架构 ， 如 图 7-1 和 图 7-2 所 示 。 


4 1 由 src 


| 赎 net.shopnc2014.android 

”中 net.shopnc2014.android.adapter 
b 岂 netshopnc2014.androld.common 
b 册 net.shopnc2014.android.handler 
b 髓 net.shopnc2014.android.model 

b 由 net.shopnc2014.android.ul.cart 


”中 netshopnc2014.androld.ulcustom 
”条 net.shopnc2014.android.ul.home 

b 册 net.shopnc2014.android.ul.more 
册 net.shopnc2014.android.ul.mystore 
b 朵 net.shopnc2014.android.ul.search 

b 有 出 net.shopnc2014.android.ul.type 
”由 net.shopnc2014.android,ul.widget 


图 7-1 产品 框架 目录 


Android 
产品 框架 


res 文 件 夹 下 的 
XML 文件 


Model 包 


Common 包 adapter 包 handler 包 


Image cart 包 Model 包 里 面 
Loader 类 主要 放 的 是 


软件 实体 类 


图 7-2 ”产品 框架 目录 流程 


7.2 代码 实 现 


7.2.1 ”框架 结构 介绍 


因为 手机 的 限制 ，Android 开 发 其 实 不 会 像 Web 开 发 一 样 有 很 庞大 的 框架 。 从 开发 者 的 角度 ， 看 到 整齐 的 代码 和 优美 、 有 层次 的 框架 是 一 种 享受 ， 从 艺术 角度 我 们 是 在 追求 一 种 美 。 下 面 是 我 们 产品 的 
架构 ， 如 图 7-1 和 图 7-2 所 示 。 


4 1 由 src 


| 赎 net.shopnc2014.android 

”中 net.shopnc2014.android.adapter 
b 岂 netshopnc2014.androld.common 
b 册 net.shopnc2014.android.handler 
b 髓 net.shopnc2014.android.model 

b 由 net.shopnc2014.android.ul.cart 


”中 netshopnc2014.androld.ulcustom 
”条 net.shopnc2014.android.ul.home 

b 册 net.shopnc2014.android.ul.more 
册 net.shopnc2014.android.ul.mystore 
b 朵 net.shopnc2014.android.ul.search 

b 有 出 net.shopnc2014.android.ul.type 
”由 net.shopnc2014.android,ul.widget 


图 7-1 产品 框架 目录 


Android 
产品 框架 


res 文 件 夹 下 的 
XML 文件 


Common 包 handler 包 UI 包 


Crash 
Handl 
er 类 


Const 


ants 类 


Image Remote search 


Loader 类 Data 
Handle 类 


custom 


mystore 


System 
Helper 类 ncoder 类 


图 7-2 产品 框架 目录 流程 


7.2.2 ”CrashHandler 工 具 类 


Model 包 里 面 
主要 放 的 是 
软件 实体 类 


大 家 知道 ， 无 论 你 的 Android 应 用 写 得 多 么 完美 ， 发 生 crash 都 是 不 可 避免 的 ， 可 能 是 因为 Android 系 统 底层 的 Bug 或 者 是 不 同 机 型 适 配 导致 的 。 当 crash 发 生 的 时 候 ， 系 统 就 会 自动 终止 应 用 ， 使 应 用 


退 或 停止 运行 ， 这 对 用 户 体验 感 有 很 大 影响 ， 这 也 是 开发 者 、Boss 不 想 看 到 的 。 更 糟糕 的 是 ， 在 用 户 使 用 过 程 中 发 生 了 crash， 而 开发 者 却 无 法 知道 Bug 的 日 志 ， 不 能 找到 发 生 crash 的 原 
Android 提 供 了 处 理 这 样 问题 的 方法 ， 如 代码 清单 7-1 所 示 。 


代码 清单 7-1 CrashHandler 工 具 类 


因 并 和 解决。 其实 


闪 


public class CrashHandler implements UncaughtExceptionHandler { 
// 调试 日 志 标记 
public static final String TAG = "CrashHandler"7 
// 是 否 开启 日 志 输出 ,在 Debug 状 态 下 开启 ， 在 Release 状 态 下 关闭 以 提示 程序 性 能 
public static final boolean DEBUG = false; 
/ /系统 默认 的 UncaughtException 处 理 类 
private Thread.UncaughtExceptionHandler mDefaultHandler; 
// CrashHandler 实 例 
private static CrashHandler INSTANCE; 
/ /程序 的 Context 对 象 
private Context mContext; 
// 使 用 Properties 来 保存 设备 的 信息 和 错误 堆栈 信息 
private Properties mDeviceCrashInfo = new Properties(); 
private static final String VERSION NAME = "versionName"; 
private static final String VERSION CODE = "versionCode"; 
private static final String STACK TRACE = "STACK TRACE" 7 
// 错 误 报告 文件 的 扩展 名 
private static final String CRASH REPORTER EXTENSION = ".cr"; 
// 保 证 只 有 一 个 CrashHandler 实 例 
private CrashHandler() {} 
// 获 取 CrashHandler 实 例 ， 单 例 模式 */ 
public static CrashHandler getInstance() { 
if (INSTANCE == null) { 
INSTANCE = new CrashHandler () 7 


} 
return INSTANCE; 
} 
六 大 
* 初始 化 ,注册 Context 对 象 ， 获 取 系 统 默认 的 UncaughtException 处 理 器 ， 设 置 该 CrashHandler 
为 程序 的 默认 处 理 器 
* @param ctx 
a 
Public void init(Context ctx) { 
mContext = ctx; 
mDefaultHandler = Thread.getDefaultUncaughtExceptionHandler () 7 
Thread. setDefaultUncaughtExceptionHandler (this); 
} 


/** 


* 当 UncaughtException 发 生 时 会 转 入 该 函数 来 处 理 


QOverride 
public void uncaughtException (Thread thread, Throwable ex) { 
if (!handleException(ex) && mDefaultHandler != null) { 
// 如 果 用 户 没有 处 理 则 让 系统 默认 的 异常 处 理 器 来 处 理 


mDefaultHandler.uncaughtException (thread, ex); 


// Sleep 一 会 后 结束 程序 
Er 


} else { 


Thread.sleep (5000); 
} catch (InterruptedException e) { 
Log.e (TAG, "Error : ", e); 
} 
android.os.Process.killProcess (android.os.Process.myPid()); 
System.exit (10) 7 


} 
/** 
* 自 定义 错误 处 理 , 收集 错误 信息 发 送 错 误 报告 等 操作 均 在 此 完成 .开发 者 可 以 根据 自己 的 情况 来 自 定义 
异常 处 理 逻 辑 


* Qparam ex 
* @return true: 如 果 处 理 了 该 异常 信息 ;否则 返回 false 


4 
Private boolean handleException (Throwable ex) { 
if (ex == null) { 
Log.w (TAG, "handleException --- ex==nul1"); 


return true; 


final String msg = ex.getLocalizedMessage(); 
if (msg == null) { 
return false; 


} 
// 使 用 Toast 来 显示 异常 信息 
new Thread() { 
QOverride 
public void run() { 
Looper .prepare (); 
Toast toast = Toast.makeText (mContext， "程序 出 错 ， 即 将 退出 :\r\n" + msg, 
Toast .LENGTH LONG); 
toast. setGravity (Gravity.CENTER, 0, 0); 
toast. show (); 
// MsgPrompt .showMsg (mcontext， "程序 出 错 啦 "，msg+"Nn 点 \ 确 认 ' 退 出 ") 
Looper .loop (); 
} 


} .start () 7 
// promptMessageDialog () 
// 履 委 设备 信 息 


collectCrashDeviceInfo (mContext) 
// 保存 错误 报告 文件 
SaveCrashInfoToFile (ex); 
// 发 送 错误 报告 到 服务 器 
// sendCrashReportsToServer (mContext); 
return true; 
i 
* 在 程序 启动 时 候 ， 可 以 调用 该 函数 来 发 送 以 前 没有 发 送 的 报告 
Sp 
public void sendPreviousReportsToServer() { 
sendCrashReportsToServer (mContext); 
证 


大大 


* 把 错误 报告 发 送 给 服务 器 ,包含 新 产生 的 和 以 前 没 发 送 的 


* @param ctx 
private void sendCrashReportsToServer (Context ctx) { 
String[] crFiles = getCrashReportFiles (ctx); 
if (crFiles != null && crFiles.length > 0) { 
TreeSet<String> sortedFiles = new TreeSet<String> () 7 
sortedFiles.addAll (Arrays.asList (crFiles)); 
for (String fileName : sortedFiles) { 
File cr = new File(ctx.getFilesDir(), fileName); 
postReport (cr); 
cr.delete () ;// 删除 已 发 送 的 报告 


} 
} 
private void postReport (File file) { 

// 这 里 可 以 写 方法 发 送 错误 报告 到 服务 器 
} 


六 大 


* 获取 错误 报告 文件 名 


* @param ctx 
* @return 
3 
Private String[] getCrashReportFiles (Context ctx) { 
File filesDir = ctx.getFilesDir(); 
FilenameFilter filter = new FilenameFilter() { 
public boolean accept (File dir, String name) { 
return name.endsWith (CRASH REPORTER EXTENSION); 
} 
7 
return filesDir.]list (filter); 


} 
// 应 用 carsh 之 后 ， 跳 出 Dialog， 点 击 之 后 才 会 退出 系统 
private void PromptMessageDialog() { 
new Thread() { 
QOverride 
public void run() { 
new AlertDialog.Builder (mContext) 
.SetTitle ("Error") 
.SetCancelable (false) 
.SetMessage ( 
"The system was crashed. Please restart it later.") 
.SetNeutralButton ("OK", new OnClick- Listener() { 
QOverride 
public void onClick(Dialog- Interface dialog, 
int which) { 
System.exit (-1); 
} 
}) .create () .show(); 


} 
}.start (); 
} 
六 
* 保存 错误 信息 到 文件 中 
* @param ex 
* @return 
private String saveCrashInfoToFile (Throwable ex) { 
Writer info = new StringWriter(); 
PrintWriter printWriter = new PrintWriter (info); 
ex.printStackTrace (printWriter); 
Throwable cause = ex.getCause () 7 
while (cause != null) { 
Cause.printStackTrace (printWriter); 
Cause = cause.getCause(); 
} 
String result = info.toSstring(); 
printWriter.close(); 
mDeviceCrashInfo.put ("EXEPTION", ex.getLocalizedMessage()); 
mDeviceCrashInfo.Put (STACK TRACE, result); 
try { 
// long timestamp = System.currentTimeMillis(); 
Time 七 = new Time ("GMT+8"); 
t.setToNow(); // 取得 系统 时 间 
int date = 七 .year * 10000 + 七 .month * 100 + 七 .monthDay7 
int time = t.hour * 10000 + 七 .minute * 100 + 七 .second7 
String fileName = "crash-" + date + "-" + time 
+ CRASH REPORTER EXTENSION; 
FileOutputStream trace = mContext .openFileOutput (fileName, 
Context .MODE PRIVATE); 
mDeviceCrashInfo. store (trace, ""); 
trace.flush (); 
trace.close () 7 
return fileName; 
} catch (Exception e) { 
Log.e (TAG, "an error occured while writing report filehttp://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/OEBPE 
} 
return null; 
} 
六 大 
* 收集 程序 骨 溃 的 设备 信息 
* @param ctx 
A 
public void collectCrashDeviceInfo (Context ctx) { 
try { 
PackageManager pm = ctx.getPackageManager (); 


PackageInfo pi = pm.getPackageInfo (ctx.getPackageName () ， 
PackageManager .GET ACTIVITIES); 
if (pi != null) { 
mDeviceCrashInfo.put (VERSION NAME, 


pi.versionName == null ? "not set" : pi.versionName); 


mDeviceCrashInfo.Put (VERSION CODE，"" + pi.versionCode); 


} catch (NameNotFoundException e) { 
Log.e (TAG, "Error while collect package info", e); 


} 
// 使 用 反射 来 收集 设备 信息 .在 Build 类 中 包含 各 种 设备 信息 ， 
系统 版 本 号 , 设 


// 例如 : 产 商 等 帮助 调试 程序 的 有 用 信息 
// 具体 信息 请 参考 后 面 的 截图 


Field[] fields = Build.class.getDeclaredFields (); 
for (Field field : fields) { 
try { 
field.setAccessible (true); 
mDeviceCrashInfo.put (field.getName (), "" + field.get (null)); 
if (DEBUG) { 
Log.d(TAG, field.getName() + " : " + field.get (null)); 
} 
} catch (Exception e) { 
Log.e (TAG, "Error while collect crash info", e); 


} 


7.2.3 ”DbHelper 工 具 类 


SQLite 是 一 个 小 型 的 数据 库 ， 它 是 Google 为 Android 处 理 大 数据 量 的 数据 而 提供 的 。 想 要 用 Android 操 作 SQLite 必 须 使 用 


和 版 本 的 管理 ， 必 须要 继承 才能 


代码 清单 7-2 操作 DbHelper 类 


SQliteOpenHelper 类 。SQliteOpenHelper 是 一 个 抽象 类 ， 负 责 数据 库 的 创建 


， 所 以 DbHelper 继 承 了 SQliteOpenHelper 类 来 帮 SQliteOpenHelper 完 成 管理 数据 的 工作 ， 如 代码 清单 7-2 所 示 。 


public class DbHelper extends SQLiteOpenHelper { 
private static String db name; 
statict{ 
db name = Constants.DB NAME; 


} 
public DbHelper (Context context) 1{ 
super (context, db name, null, Constants.DB VERSION); 


public DbHelper (Context context, String name, CursorFactory factory, 
int version) { 
super (context, name, factory, version); 


} 
// 在 第 一 个 安装 本 应 用 程序 时 ， 会 回调 的 方法 ， 主 要 用 于 执行 数据 库 表 的 创建 和 数据 初始 化 
QOverride 
public void onCreate (SQLiteDatabase db) { 
System.out .println ("执行 oncreate------- 
//db.execSQL (Constants.SQL USER CREATE); 
// 注 意 这 个 SqliteDatabase 实 例 不 需要 关闭 


QOverride 
public void onUpgrade (SQLiteDatabase db, int oldVersion, int newVersion) { 
System.out .println (" 执 行 onUpgrade------- "ys 
// 清 理 旧版 本 中 的 表 
//db.execSsQL (Constants .SQL USER _ DROP) 
// 重 新 创建 新 的 表 ai 


onCreate (db) 


} 
public SQLiteDatabase getSQLiteDatabase () { 
SQLiteDatabase db = null; 
try{ 
db = this.getWritableDatabase () 7 
}catch (Exception e) { 
db = this.getReadableDatabase () 7 
} 


return db; 


这 个 DbHelper 类 只 是 完成 对 数据 库 和 数据 库 表 的 管理 ， 如 果 想 对 数据 库 做 增删 改 查 的 工作 ， 我 们 还 需要 针对 实体 的 Dao 类 来 对 数据 完成 增删 改 查 的 操作 。 下 面 我 以 查询 为 例 ， 如 代码 清和 


代码 清单 7-3 ”操作 DbHelper 的 Dao 类 


public class HistoryDao { 
private DbHelper dbHelper; 
public HistoryDao (Context context) { 
dbHelper = new DbHelper (context); 
六 
* 查询 所 有 数据 
* @param null 
* @return ArrayList<NotePad> 
大 
public ArrayList<ScanningHistory> findall() { 
ArrayList<ScanningHistory> shList = new ArrayList<ScanningHistory>(); 
SQLiteDatabase db = null; 
try { 
db = dbHelper.getSsQLiteDatabase () 7 
qb.beginTransaction () 7 
Cursor c = db.rawQuery (Constants.SQL SCANNING SELECT ALL, null); 
while (c.moveToNext()) { 加 
ScanningHistory NotePad = new ScanningHistory () 7 


NotePad.setScanningMsg (c.getString (c.getColumnIndex ("scanningMsg") ) ) 7 
NotePad.setScanningTime (c.getString (c.getColumnIndex ("scanningTime"))); 


shList.add (NotePad) 7 
} 
db.setTransactionSuccessful (); 
} catch (Exception e) { 
e.printstackTrace (); 
} finally { 
if (db != null) { 
db.endTransaction () 7 
db.close(); 
} 
} 
return shList; 


m7-3 所 示 。 


7.2.4 _ HttpHelper 工 具 类 


HTTP 协 议 应 该 是 Internet 上 使 用 最 多 、 最 重 
于 Android 大 部 分 程序 来 讲 ，JDK 提 供 的 这 个 功能 还 不 够 灵活 ， 所 以 Android 同 样 集成 了 Apache 提 供 的 HttpClient, 
HttpURLConnection 的 加 强 版 ，HttpURLConnection 可 以 做 的 对 


连接 。 我 们 的 HttpHelper 就 是 对 HttpClient 的 封装 ， 部 分 代码 如 代码 清单 7-4 所 示 。 


代码 清单 7-4 “HTTP 协议 工具 类 


public class HttpHelper { 
/** 本 身 束 是 线程 安全 的 */ 
private static HttpClient httpclient; 
static { 


if(null 一 httpClient){ 
//httpClient = new DefaultHttpClient (); 


要 的 协议 了 ， 大 多 数 Java 需 要 直接 通过 HTTP 协 议 来 访问 网 络 资源 。JDK 的 java.net 包 中 已 经 提供 了 访问 HTTP 协 议 的 基本 功能 HttpURLConnection， 但 是 对 
来 提供 高 效 的 、 最 新 的 、 功 能 丰富 的 支持 HTTP 协 议 工 具 包 。 简 单 来 说 HttpClient 就 是 
HttpClient 同 样 可 以 做 ，HttpURLConnection 做 不 到 的 HttpClient 也 能 做 到 ,但 是 HttpClient 倪 


如 何 发 送 、 接 收 响应 ， 以 及 管理 HTTP 


//httpClient .getParams () .setParameter (CoreProtocolPNames .PROTOCOL VERSION, HttpVersion.HTTP 1 1); 


//httpClient .getParams () .setIntParameter (CoreConnectionPNames .CONNECTION TIMEOUT, 20000); 
// 以 下 代码 处 理 了 同一 个 Httpclient 同 时 发 出 多 个 请 求 时 可 能 发 生 的 多 线程 问题 
HttpParams httpParams = new BasicHttpParams () 7 
HttpProtocolParams.setVersion (httpParams, HttpVersion.HTTP 1 1); 
HttpProtocolParams.setContentCharset (httpParams, HTTP.UTF 8)7 
HttpProtocolParams.setUseExpectContinue (httpParams, true); 
// 设置 最 大 连接 数 

ConnManagerParams .setMaxTotalConnections (httpParams, 10000); 

// 设置 获取 连接 的 最 大 等 待 时 间 

ConnManagerParams .setTimeout (httpParams, 60000); 

// 设置 每 个 路 由 最 大 连接 数 

ConnPerRouteBean connPerRoute = new ConnPerRouteBean (10000); 

ConnManagerParams .setMaxConnectionsPerRoute (httpParams, connPerRoute); 

// 设置 连接 超时 时 间 

HttpConnectionParams.setConnectionTimeout (httpParams, 20000); 

// 设置 读 取 超时 时 间 

HttpConnectionParams.setSoTimeout (httpParams, 30000); 
SchemeRegistry schreg = new SchemeRegistry(); 
schreg.register (new Scheme ("http", PlainSocketFactory.getSocketFactory(), 80)); 
schreg.register (new Scheme ("https", SSLSocketFactory.getSocketFactory(), 443)); 
ClientConnectionManager connManager = new ThreadSafeClientConn-Manager (httpParams, schreg); 
httpClient = new DefaultHttpClient (connManager, httpParams); 

} 


} 
public static HttpClient getHttpclient (){ 


} 
/** 


* 发 送 GET 请 


return httpClient; 


可 


响应 消息 体 的 字符 串 内 容 


* @param url 请 求 URL 
* @return 响应 消息 体 的 字符 串 内 容 
* @throws IOException 


Ry 


public static String get (String url) throws IORxception{ 

String result = null; 

HttpGet get = new HttpGet (url); 

HttpResponse response = httpClient .execute (get); 

if (HttpStatus.SsC OK 一 response.getStatusLine() .getStatusCode () ) { 


} 
* 


Q@return 响应 


} 


result = EntityUtils.toString (response.getEntity())7 


return result; 


发 送 POST 请 求 ， 并 返回 响应 消息 体 的 字符 串 内 容 


x 
六 
* @param url i 
x 
x 


求 URL 
肖 息 体 的 字符 串 内 容 


@throws IOException 


public static String Post (String url, HashMap<String, String> params)throws IOException{ 


String result = null; 
HttpPost post = new HttpPost (url); 


if(null != params){ 
List<NameValuePair> pairList = new ArrayList<NameValuePair>(); 
for (Entry<String, String> ParamPair : params.entrySet()) { 


NameValuePair pair = new BasicNameValuePair (paramPair.getKey () 
, paramPair.getValue()); 
pairList.add (pair); 
} 
HttpEntity entity = new UrlEncodedFormEntity (pairList, HTTP.UTF 8); 
post.setEntity (entity); 
} 
HttpResponse response = httpClient .execute (post); 


if (HttpStatus.SsC OK 一 response.getStatusLine () .getStatusCode () ) { 


} 


result = EntityUtils.toString (response.getEntity()); 


return result; 


7.2.5 ImageHelper 工 具 类 


ImageHelper 工 具 类 封装 的 是 图 片 处 理 的 一 些 方法 ， 在 开发 中 我 们 可 能 会 用 到 很 多 次 对 


代码 清单 7-5 所 示 。 


代码 清单 7-5 


网 
网 


片 、 加 载 本 地 


片 操作 的 方法 ， 比 如 下 载 


图 片 处 理 的 类 


片 、 加 载 assets 等 操作 ， 下 面 的 代码 是 这 个 类 中 部 分 方法 介绍 。 如 


public class ImageHelper { 
public static Bitmap getHttpBitmap(String url1){ 


URL 


myurl = null; 


InputStream in = null; 
Bitmap bitmap=null; 


try{ 


}cat 


} 


myurl = new URL (url); 

HttpURLConnection conn = (HttpURLConnection)myurl .openConnection(); 
conn.setConnectTimeout (0) 7 

conn.setDoInput (true); 

conn.connect (); 

in = conn.getInputStream() 7 

bitmap = BitmapFactory.decodeStream(in); 

ch (IOException e){ 

e.printstackTrace () 7 


finally{ 


} 


retu: 


try { 
if (null != in){ in.close(); } 
}catch (IOException e) { 
e.printstackTrace (); 


} 


rn bitmap; 


* 加 载 本 地 图 片 


* @param url 
* @return 


i 


public static Bitmap getLoacalBitmap (String Url) 
try { 


{ 


FileInputStream fis = new FileInputStream(ur1); 


return BitmapFactory.decodeStream (fis); // /把 流转 化 为 Bitmap 图 片 


} catch (FileNotFoundException e) 
e.printstackTrace (); 
return null; 


{ 


} 
} 


7 
* 根据 资源 ID 获取 对 应 的 Bitmap 实 例 

* @param ctx 

* @param id 

* @return 

Sy 

public static Bitmap getBitmap (Context ctx, int id){ 


return BitmapFactory.decodeResource (ctx.getResources(), iqd); 


bs 
* 把 png 或 jpg (jpeg) 格 式 图 片 按 指定 名 称 写 入 指定 目录 下 
* @param bmp 

* @param path 

* Q@param fileName 

号 

public static void write (Bitmap bmp, File file){ 


FileOutputStream fos = null; 
try { 
if(!file.exists()){ 
file.createNewFile(); 
} 
fos = new FileOutputStream(file); 


bmp .compress (Bitmap.CompressFormat .PNG, 75, fos); 


fos.flush(); 
} catch (FileNotFoundException e) 
e.printSstackTrace (); 
} catch (IOException e) { 
e.printStackTrace (); 
} finally{ 
if(null != fos){ 
try { 


{ 


fos.close () 7 
} catch (IOException e) { 
e.PrintStackTrace () 7 
} 


7 

* 把 png 或 jpg (jpeg) 格式 图 片 按 指 定名 称 写 入 指定 目录 下 

* @param bmp 

* @param path 

* @param fileName 

a 
public static void write (Bitmap bmp, String fileName){ 

String extension = IOHelper.getExtension (fileName); 


FileOutputStream fos = null; 
try { 
File file = new File(fileName); 
if(!file.exists()){ 
file.createNewFile(); 
} 
fos = new FileOutputStream(file); 
if ("png".equalsIgnoreCase (extension) ) { 
bmp. compress (Bitmap.CompressFormat .PNG, 
}else if("jpg".equalsIgnoreCase (extension) || 
bmp. compress (Bitmap.CompressFormat .JPEG, 
} 
fos.flush(); 
} catch (FileNotFoundException e) { 
e.printstackTrace (); 
} catch (IOException e) { 
e.printstackTrace (); 
} finally{ 
if(null != fos){ 
try { 
fos.close(); 
} catch (IOException e) { 
e.printSstackTrace (); 
} 
} 
} 
} 
fk 
* 把 png 或 jpg (jpeg) 格 式 图 片 按 指定 名 称 写 入 指定 目录 下 
* @param bmp 


* @param path 
* @param fileName 


A 


Dy EOo)g 


"jpeg" .equalsIgnoreCase (extension)){ 


75, fos); 


public static void write (Bitmap bmp, String path, String fileName){ 


String extension = IOHelper.getExtension (fileName); 


75, fos); 


jpeg" .equalsIgnoreCase (extension)){ 


75, fos); 


FileOutputStream fos = null; 
try { 
fos = new FileOutputStream(new File(path, fileName)); 
if ("png".equalsIgnoreCase (extension) ) { 
bmpb .compress (Bitmap.CompressFormat .PNG, 
}else if("jpg".equalsIgnoreCase (extension) || 9 
bmp. compress (Bitmap.CompressFormat .JPEG, 
} 
fos.flush(); 
} catch (FileNotFoundException e) { 
e.printstackTrace (); 
} catch (IOException e) { 
e.printStackTrace (); 
} finally{ 
if(null != fos){ 
try { 


fos.close(); 
} catch (IOException e) { 
e.printstackTrace (); 
} 


} 


} 
public static Bitmap loadFromFile (File name) throws IOException{ 


Bitmap bmp = null; 
InputStream is = null; 
try { 


is = new FileInputStream (name); 
bmp = BitmapFactory.decodeStream(is); 
} catch (IOException e) { 
throw e; 
}finally{ 
if(null != is){ 
try { 
is.close(); 
} catch (IOException e) 
throw e; 


{ 


} 
} 
} 


return bmp; 


} 
public static Bitmap loadFromFile(String name) throws IOException{ 


Bitmap bmp = null; 
InputStream is = null; 
try { 


is = new FileInputStream (name); 
bmp = BitmapFactory.decodeStream(is); 


} catch (IOException e) { 


throw e; 


}finally{ 
if(null != is){ 
try { 
is.close(); 
} catch (IOException e) { 
throw e; 
} 
} 
} 
return bmp; 


} 
/** 
* 根据 图 片 名 称 ， 从 assets 中 加 载 对 应 的 Bitmap 对 象 


* Qparam ctx 
* Q@param fileName 
* @return 
*/ 
public static Bitmap getImageFromAssetsFile (Context ctx, String fileName){ 
Bitmap image = null; 
AssetManager am = ctx.getResources () .getAssets(); 
Inputstream is = null; 
try{ 
is = am.open (fileName); 
image = BitmapFactory.decodeStream(is); 
}catch (IOException e){ 
e.printstackTrace (); 
}finally{ 
if(null != is)1{ 
try { 
is.close(); 
} catch (IOException e) { 
e.printstackTrace () 7 
} 
} 
} 


return image; 


7.2.6 ”SystemHelper 工 具 类 


SystemHelper 工 具 类 是 对 一 些 获取 系统 信息 的 方法 的 封装 ， 如 代码 清单 7-6 所 示 。 


代码 清单 7-6 通用 常用 的 设置 方法 


public class SystemHelper { 
private SystemHelper() { 
), 
* 创建 本 应 用 的 桌面 快捷 方式 <br/> 
* 注意 : 需要 添加 权限 &lt;uses-permission android:name="com.android.1launcher.permission.INSTALL SHORTCUT"/&gt; 
* @param paramContext 
/ 
public static void createShortcut (Context context, Class<?> clazz){ 
Intent shortcut = new Intent ("com.android.launcher.action.INSTALL SHORTCUT"); 
// 快 捷 方式 的 名 称 后 
Shortcut .PutExtra (Intent .EXTRA SHORTOUY. NAME, context.getString (R.string.app name)); 
shortcut .putExtra ("duplicate"，false); 7/ 不 允许 重复 创建 
Intent localIintent2 = new Intent'(Context; clazz); 
localIntent2.setAction (Intent .ACTION MRIN) 7 
localIntent2.adqCategory (Intent .CATEGORY LAUNCHER) 
shortcut .putExtra (Intent .EXTRA SHORTCUT INTENT，1localIntent2) ;// 指 定 快捷 方式 要 启动 的 ARctivity 类 型 
// 快 捷 方式 的 图 标 
ShortcutIconResource iconResource = Intent .ShortcutIconResource .frcomContext (context, R.drawable.ic launcher); 
shortcut .putExtra (Intent .EXTRA SHORTCUT_ ICON RESOURCE, iconResource); 
context.sendBroadcast (shortcut); 


是 否 已 经 创建 了 桌面 快捷 方式 <br/> 

: 需要 添加 权限 &lt;uses-permission android:name="com.android.1launcher.permission.READ SETTINGS"/&gt; 
* @param ctx 

* @return 


/ 
public static boolean hasShortCut (Context context) { 
String Url = "sy 
if (android.os.Build.VERSION.SDK INT < 8) { 
url = "content://com.android.1launcher.settings/favorites?notify= true"; 
} else { 
Url = "content://com.android.1launcher2.settings/favorites?notify= true"; 
} 
ContentResolver resolver = context.getContentResolver (); 
Cursor cursor = resolver.query (Uri.parse (url), null, "title=?", 
new String[] { context.getString(R.string.app name) }, null); 
if (cursor != null && cursor.moveToFirst()) { 
Cursor.close(); 
return true; 
return false; 
} 
/ 


* 获取 当前 机 器 的 屏幕 信息 对 象 <br/> 

* 另外 : 通过 android.os.Build 类 可 以 获取 当前 系统 的 相关 信息 
* Qparam context 

* @return 


/ 
public static DisplayMetrics getScreenInfo (Context context) { 
WindowManager windowManager = (WindowManager) context 
.getSystemService (Context .WINDOW_ SERVICE); 
DisplayMetrics dm = new DisplayMetrics(); 
windowManager .getDefaultDisplay () .getMetrics (dm); 
// dm.widthPixels;// 宽 度 
// dm.heightPixels; // 高 度 
// dm.density; // 密 度 
return dm; 
) 
* 获取 手机 号 <br/> 
* 注意 : 需要 添加 权限 &lt;uses-permission 
* android:name="android.permission.READ PHONE STATE"/&gt;。 另 外 很 多 手机 不 能 获取 到 当前 手机 号 
六 
六 


@param context 
* @return 
wy 
public static String getMobileNumber (Context context) { 
TelephonyManager tm = (TelephonyManager) context 
.getSystemService (Context .TELEPHONY SERVICE); 
return tm.getLinelNumber (); 


一 一 


六 
所 当前 的 网 络 连接 是 否 可 用 <br/> 

* 注意 : 需要 添 加 权限 &lt;uses-permission 

* android:name="android.permission.ACCESS NETWORK STATE"/&gt; 


@param context 
* @return 
要 
public static boolean isConnected (Context context) { 
boolean flag = false; 


try { 
ConnectivityManager 


connManager = (ConnectivityManager) context 


.getSystemService (Context .CONNECTIVITY SERVICE); 


if (null != connManager) { 
NetworkInfo info = connManager.getActiveNetworkInfo(); 
if (null != info && info.isAvailable()) { 


flag = true; 


} 
} 
} catch (Exception e) { 
Log.e ("NetworkInfo", 
i 
return flag; 
J 
* 检测 当前 网 络 连接 的 类 型 <br/> 
* 注意 ; 需要 添加 权限 <uses-permission 
* @param context 


* @return 返回 0 代表 GPRS 网 络 ; 返 回 1, 代表 WIFI 网 络 ; 返 


"Exception", e); 


android:name="android.permission.ACCESS NETWORK STATE"/>; 


-1 代表 网 络 不 可 用 


a 

public static int getNetworkType (Context context) { 
int code = -1; 
Ley 洁 


ConnectivityManager 


connManager = 


if (null != connManager) { 
= connManager .getNetworkInfo (ConnectivityManager. TYPE WIFI) .getState () 7 
if (State.CONNECTED == state) { 


State state 


code 
} else { 

stat 

i 


bE: 
} 
} 
} catch (Exception e) { 
Log.e ("NetworkInfo", 
} 
return code; 
-0 
* 返回 当前 程序 版 本 代码 ,如 :1 
* Qparam context 


* @return 当前 程序 版 本 代码 


大 
public static int getAppVersionCode( 
int versionCode = -1; 

try { 
PackageManager pm = 
PackageInfo pi = pm. 
versionCode = pi .ver: 

} catch (Exception e) { 
Log.e ("VersionIinfo", 

E 

return versionCode; 

) 


* 返回 当前 程序 版 本 名 ,如 :1.0.1 


* @param context 

* @return 当前 程序 版 本 名 
六 

/ 


(ConnectivityManager) context.getSystemService (Context .CONNECTIVITY SERVICE); 


= ConnectivityManager.TYPE WIFI; 
e = connManager .getNetworkInfo (Connectivity-Manager.TYPE MOBILE) .getState(); 
State.CONNECTED == state) { 


Code = ConnectivityManager.TYPE MOBILE; 


"Exception", e); 


Context context) { 


context .getPackageManager (); 
getPackageInfo (context .getPackageName (), 0); 
sionCode; 


"Exception", e); 


public static String getAppVersionName (Context context) { 


String versionName = ""; 
try { 
PackageManager pm = 
PackageInfo pi = 
versionName = pi .ver: 
} catch (Exception e) { 
Log.e ("VersionIinfo", 
E 
return versionName; 


让 
* 安装 指定 的 RPK 文 件 ， 


* @param context 

* @param apk (apk 文 件 的 全 路 径 名 ) 
六 

# 


context .getPackageManager (); 


pm.getPackageInfo (context .getPackageName (), 0); 


sionName; 


"Exception", e); 


用 于 本 应 用 程序 的 更 新 


public static void installAPK (Context context, String apk) { 
Intent intent = new Intent (Intent.ACTION VIEW); 
intent .setDataAndType (Uri.fromFile (new File (apk)), 


"application, 
context.startActivity (intent 


7.3 ”相关 工具 及 第 三 方 框架 介绍 


7.3.1 ”原型 设计 工具 介绍 


产品 的 原型 可 以 概括 整个 产品 ， 为 整个 产品 外 观 和 


/vnd.android.package-archive"); 
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交互 的 框架 设计 ， 简 单 来 说 是 将 产品 各 个 模块 中 的 界面 元 素 和 交互 的 形式 利 


[ 


形 描述 的 方法 更 加 具体 、 生 动 地 表达 出 来 。 原 型 设计 是 交互 设计 师 与 


产品 设计 师 、 产 品 经 理 以 及 开发 工程 师 沟通 的 最 好 工具 。 在 策划 方案 制订 后 ， 交 互 设 计 师 根据 策划 方案 的 思路 在 原型 设计 工具 上 把 产品 设计 形式 设计 出 来 ， 这 就 是 原型 图 。 常 见 的 原型 设计 工具 有 PPT、 
Visio、Axure 等 。Axure 是 一 款 非 常 强 大 的 原型 设计 工具 (官方 是 http://www.axure.org/) 。 


现在 让 我 们 来 了 解 一 下 Axure 的 简单 功能 和 使 用 ， 如 


网 


7-3 所 示 是 Axure 的 主页 。 


4 常用 元 件 小 工具 窗口 
AE 


如 图 7-4 所 示 ， 圈 1 和 圈 2 是 Axure 提 供 的 元 件 库 ， 直 接 拖 到 右面 这 个 工作 


图 7-3 Axure 主 界面 操作 


新 洋 用 例 .Create Lnk- 


区 就 可 以 了 ， 很 方便 、 简 洁 ; 圈 3 是 预览 功能 ， 点 击 之 后 会 自动 打开 浏览 器 生成 的 设计 图 


。 而 且 Axure 库 的 元 件 有 些 是 动态 的 。 


图 7-4 Axure 元 件 库 


Axure 软 件 还 有 很 多 强大 地 方 ， 比 如 网 站 架构 


意图 、 


流程 


图 、 交 互 设计 、 规 格 文档 等 ， 它 可 以 直接 生成 


图 片 ， 也 可 以 生成 流程 


加 ， 点 击 


图 7-5 中 的 “生成 流程 


图 ”链接 ， 会 生成 如 


图 7-6 的 效果 


图 7-6 ”生成 流程 图 效果 图 


关于 Axure 其 他 功能 这 里 就 不 再 歼 述 了 ， 如 有 兴趣 可 以 去 Axure 的 社区 深入 了 解 一 下 。 


7.3 ”相关 工具 及 第 三 方 框架 介绍 


7.3.1 ”原型 设计 工具 介绍 


产品 的 原型 可 以 概括 整个 产品 ， 为 整个 产品 外 观 和 交互 的 框架 设计 ， 简 单 来 说 是 将 产品 各 个 模块 中 的 界面 元 素 和 交互 的 形式 利用 图 形 描述 的 方法 更 加 具体 、 生 动 地 表达 出 来 。 原 型 设计 是 交互 设计 师 与 
产品 设计 师 、 产 品 经 理 以 及 开发 工程 师 沟通 的 最 好 工具 。 在 策划 方案 制订 后 ， 交 互 设 计 师 根据 策划 方案 的 思路 在 原型 设计 工具 上 把 产品 设计 形式 设计 出 来 ， 这 就 是 原型 图 。 常 见 的 原型 设计 工具 有 PPT、 
Visio、Axure 等 。Axure 是 一 款 非常 强大 的 原型 设计 工具 (官方 是 http://www.axure.org/) 。 


现在 让 我 们 来 了 解 一 下 Axure 的 简单 功能 和 使 用 ， 如 图 7-3 所 示 是 Axure 的 主页 。 


并 用 例 .Create Lnk- 


4 迪 Bz 忻 ”小 工具 窗口 
a A 
长 文本 


sa 


水 平 线 


图 7-3 Axure 主 界面 操作 


如 图 7-4 所 示 ， 圈 1 和 圈 2 是 Axure 提 供 的 元 件 库 ， 直 接 拖 到 右面 这 个 工作 区 就 可 以 了 ， 很 方便 、 简 洁 ; 圈 3 是 预览 功能 ， 点 击 之 后 会 自动 打开 浏览 器 生成 的 设计 图 。 而 且 Axure 库 的 元 件 有 些 是 动态 的 。 


图 7-4 Axure 元 件 库 


Axure 软 件 还 有 很 多 强大 地 方 ， 比 如 网 站 架构 


意图 、 


流程 


图 、 交 互 设计 、 规 格 文档 等 ， 它 可 以 直接 生成 


图 片 ， 也 可 以 生成 流程 


加 ， 点 击 


图 7-5 中 的 “生成 流程 


图 ”链接 ， 会 生成 如 


图 7-6 的 效果 


图 7-6 ”生成 流程 图 效果 图 


关于 Axure 其 他 功能 这 里 就 不 再 敖 述 了 ， 如 有 兴趣 可 以 去 Axure 的 社区 深入 了 解 一 下 。 


7.3.2 AndroidAnnotations 介 绍 


AndroidAnnotations 是 一 个 第 三 方 框架 ， 通 过 注释 来 开发 应 用 。 使 用 AndroidAnnotations 能 大 大 减少 代码 量 ， 从 而 简化 代码 ， 便 于 维护 ， 如 代码 清单 7-7 所 示 。 


AndroidAnnotations 的 jar 包 ， 详 细 介绍 可 以 去 官网 看 http://androidannotations.org/) 。 


代码 清单 7-7 AndroidAnnotations 使 用 实例 


(使 


的 时 候 需要 在 项 目 


中 导入 


// 不 需要 标题 
@NoTitle 
// 全 屏 显 示 
@Fullscreen 
//Eactivity 注 释 可 以 设置 Layout, 相当 于 setConentView 方 法 
@EActivity (R.layout .activity main) 
public class MainActivity extends BasicActivity { 
@Bean 
FoodComponent foodComponent; 
QBean 
OrderComponent orderComponent; 
@Bean 
CalculatorComponent calculatorComponent; 
//AfterViews 注 释 定义 的 方法 会 在 OnCreate 方 法 的 setContentView 后 执行 
QAfterViews 
public void init() { 
// 手动 依赖 注入 ， 解 决 循环 问题 
foodComponent .setOrderComponent (orderComponent) 7 
calculatorComponent .setOrderComponent (orderComponent); 
orderComponent .setFoodComponent (foodComponent); 
derComponent .setCalculatorComponent (calculatorComponent); 
} 


AndroidAnnotations 的 一 些 常 用 注释 的 使 用 方法 : 


“ @AfterInject， 定 义 的 方法 在 类 的 构造 方法 执行 后 执行 

 @AfterTextChange， 定 义 的 方法 在 TextView 及 其 子 类 的 Text 属 性 改变 后 执行 
“ (@AfterViews， 定 义 的 方法 在 setContentView 后 执行 

(Background， 定 义 的 方法 在 后 台 线 程 执行 

: @BeforeTextChange， 定 义 的 方法 在 TextView 及 其 子 类 的 Text 属 性 改变 前 执行 
" @Click， 定 义 点 击 监 听 器 

“ @EActivity， 在 Activity 中 启用 Annotations 

` @EProvider， 在 ContentProvider 中 启用 Annotations 

" (@EReceive， 在 BroadcastReceiver 中 启用 Annotations 

. @Eservice， 在 Service 中 启用 Annotations 

` @EView， 在 自 定义 的 View 的 子 类 中 启用 Annotations 

. @Fullscreen， 全 屏 


` @NoTitle， 无 标题 栏 


7.3.3” 轻 量 级 ORM 框 架 ActiveAndroid 介 绍 
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ActiveAndroid 算 是 一 个 Android 轻 量 级 的 ORM 框 架 。 在 Android 上 访问 数据 库 是 一 件 麻烦 事 ，ActiveAndroid 把 所 有 混乱 的 东西 和 所 有 的 配置 简化 到 只 用 几 个 简单 的 步骤 就 可 以 完成 ， 让 你 无 须 写 一 条 
SQL 语 句 就 能 完成 对 sqlite 数 据 库 的 增删 改 查 操作 。 (使 用 的 时 候 需要 在 项 目 中 导入 ActiveAndroid 的 jar 包 ， 详 细 介 绍 可 以 去 官网 车 http://www.activeandroid.com/ 查 看 。) 


下 面 开 始 配置 的 介绍 ， 首 先 需 要 在 AndroidManifest.xml 中 添加 这 两 个 name: AA_DB_NAME (这 个 name 不 能 改 ， 但 是 可 选 ， 默 认 的 值 是 "Application.db" 这 个 值 ) 、AA_DB_VERSION， 如 代码 清 
单 7-8 所 示 。 


代码 清单 7-8 ActiveAndroid 配 置 


<meta-data android:name="AA DB NAME." android:value=" shoe, ou db /> 
<meta-data android:name= "AA 1 DB 、 VERSION" android:value="1 


配置 完成 之 后 我 们 创建 表 ， 如 代码 清单 7-9 所 示 。 


代码 清单 7-9 ”ActiveAndroid 使 用 示例 


大 大 


* 搜索 历史 Bean 
* #/ 


@Table (name = "shopnc history browse") 
public class HistoryBrowse extends Model { 
@Column (name = "goodsID") 

public String goodsID; 
@Column (name = "imageURL") 
public String imageURL; 
@Column (name = "goodsName") 
public String goodsName; 
@Column (name = "goodsPrice") 
public String goodsPrice; 


声明 表 名 使 用 @Table (name=" 表 名 ") ， 声 明 列 名 使 用 @Colnmn (name= "字段 名 ") ， 这 样 就 可 以 了 。 


下 面 我 们 来 保存 数据 ， 如 代码 清单 7-10 所 示 。 


代码 清单 7-10 ”ActiveAndroid 使 用 示例 


Ar 
* 保存 历史 浏览 
* */ 


public static void historyBrowseSava (GoodsList bean) { 
HistoryBrowse hb = new HistoryBrowse(); 
hb.goodsID = bean.getGoods id(); 
hb.goodsName = bean.getGoods name(); 
hb.goodsPrice = bean.getGoods price(); 
hb.imageURL = bean.getGoods image url(); 
hb.save(); 


让 我 们 的 Class 继 承 Model， 这 样 只 需要 用 Class 实 体 直 接 调 用 Save0 方 法 就 可 以 把 数据 保存 到 我 们 的 数据 库 中 。 查 找 、 删 除 等 就 不 一 一 介绍 了 ， 详 细 介 绍 可 以 去 官网 
(http://www.activeandroid.com) 了 解 。Activeandroid 几 乎 涵盖 了 所 有 的 常用 指令 Sava、Delete、From、Join、Select、Set、Update、Limit、As、Group by、Desc/Asc 等 。 


7.4 本 章 小 结 


本 章 是 对 移动 产品 的 简单 介绍 ， 内 容 涵盖 了 Android 开 发 的 主要 知识 点 ， 从 程序 的 设计 理念 到 框架 搭建 等 。 从 中 我 们 不 仅 可 以 获得 Android 开 发 的 设计 理念 和 开发 框架 的 思路 ， 还 可 以 了 解 到 比较 强大 的 
第 三 方 框架 和 工具 的 介绍 和 使 用 ， 从 而 加 深 对 Android 应 用 开发 的 认识 。 


第 8 章 ”O20 套件 的 设计 与 实现 


8.1 ”O20O 模 式 概述 


O20 营销 模式 又 称 离线 商务 模式 ， 是 指 线 上 营销 线 上 购买 带动 线 下 经 营 和 线 下 消费 。O2O 通 过 打折 、 提 供 信息 、 服 务 预订 等 方式 ， 把 线 下 商店 的 消息 推送 给 互联 网 用 户 ， 从 而 将 他 们 转换 为 自己 的 线 下 
客户 ， 这 就 特别 适合 必须 到 店 消费 的 商品 和 服务 ， 比 如 和 餐饮、 健身 、 看 电影 和 演出 、 美 容 美发 等 。2013 年 O02P 营 销 模式 出 现 ， 即 本 地 化 的 02O 营 销 模式 ， 正 式 将 O20O 营 销 模式 带 入 了 本 地 化 进程 当中 。 


虽然 O2O 模 式 与 B2C、C2C 一 样 ， 均 是 在 线 支 付 ， 但 不 同 的 是 ， 通 过 B2C、C2C 购 买 的 商品 被 装 箱 后 快递 至 消费 者 手中 ， 而 02O 则 是 消费 者 在 线 上 购买 商品 与 服务 后 ， 需 去 线 下 享受 服务 。 这 是 支付 模 
式 与 为 店主 创造 客流 量 的 一 种 结合 ， 对 消费 者 来 说， 也 是 一 种 新 的 “发 现 ”机 制 。 


第 8 章 ”O20 套件 的 设计 与 实现 


8.1 ”O20O 模 式 概述 


O20 营销 模式 又 称 离线 商务 模式 ， 是 指 线 上 营销 线 上 购买 带动 线 下 经 营 和 线 下 消费 。O2O 通 过 打折 、 提 供 信息 、 服 务 预订 等 方式 ， 把 线 下 商店 的 消息 推送 给 互联 网 用 户 ， 从 而 将 他 们 转换 为 自己 的 线 下 


客户 ， 


这 就 特别 适合 必须 到 店 消费 的 商品 和 服务 ， 比 如 和 餐饮、 健身 、 看 电影 和 演出 、 美 容 美发 等 。2013 年 O02P 营 销 模式 出 现 ， 即 本 地 化 的 02O 营 销 模式 ， 正 式 将 O20O 营 销 模式 带 入 了 本 地 化 进程 当中 。 


式 与 为 店主 创造 客流 量 的 一 种 结合 ， 对 消费 者 来 说 ， 也 是 一 种 新 的 “发 现 ” 机 制 。 


8.1.1 ”O20 模式 的 产生 背景 


虽然 O02O 模 式 与 B2C、C2C 一 样 ， 均 是 在 线 支付 ， 但 不 同 的 是 ， 通 过 B2C、C2C 购 买 的 商品 被 装 箱 后 快递 至 消费 者 手中 ， 而 O20O 则 是 消费 者 在 线 上 购买 商品 与 服务 后 ， 需 去 线 下 享受 服务 。 这 是 支付 模 


随 着 互联 网 的 快速 发 展 ， 电 子 商务 模式 除了 原 有 的 B2B、B2C、C2C 商 业 模 式 之 外 ， 近 来 一 种 新 型 的 消费 模式 O2O 已 快速 在 市 场 上 发 展 起 来 。 为 什么 这 种 模式 能 够 悄然 产生 ”在 B2B、B2C 商 业 模式 下 ， 
买 家 在 线 拍 下 商品 ， 卖 家 打包 商品 ， 找 物流 企业 把 订单 发 出 ， 由 物流 快递 人 员 把 商品 派送 到 买 家 手 上 ， 完 成 整个 交易 过 程 。 这 种 消费 模式 已 经 发 展 得 很 成 熟 ， 也 被 人 们 普遍 接受 ， 但 是 在 美国 这 种 电子 商务 
非常 发 达 的 国家 ， 在 线 消费 交易 比例 只 占 8%， 线 下 消费 比例 达到 92%。 正 是 由 于 消费 者 大 部 分 的 消费 仍然 是 在 实体 店 中 实现 ， 把 线 上 的 消费 者 吸引 到 线 下 实体 店 进行 消费 ， 有 很 大 的 发 展 空间 ， 所 以 有 商家 


开始 了 这 种 消费 模式 。 


8.1.2 ”0O20 模 式 的 特点 


O20O 对 用 户 而 


1) 获取 更 丰富 、 全 面 的 商家 及 其 服务 的 内 容 信息 。 


2) 更 加 便捷 地 向 商家 在 线 咨询 并 进行 预 售 。 


3) 获得 相 比 线 下 直接 消费 较为 便宜 的 价格 。 


O 


2O 对 商家 而 言 : 


1) 能 够 获得 更 多 的 宣传 、 展 示 机 会 ， 吸 引 更 多 新 客户 到 店 消费 。 


推广 效果 可 查 、 每 笔 交 易 可 跟踪 。 


3) 掌握 


户 数据 ， 大 大 提升 对 老 客 户 的 维护 与 营销 效果 。 


户 的 沟通 、 释 疑 更 好 地 了 解 


户 心理 。 


通过 与 


5) 通过 在 线 有 效 预 订 等 方式 ， 合 理 安排 经 营 节约 成 本 。 
对 拉动 新 品 、 新 店 的 消费 更 加 快捷 。 
7) 降低 线 下 实体 对 黄金 地 段 旺 铺 的 依赖 ， 大 大 减少 租金 支出 。 


对 O20O 平 台 本 身 而 言 : 


户 带 来 便捷 、 优 惠 、 消 费 保障 等 ， 能 吸引 大 量 高 黏 性 


户 日 常生 活 息息相关 ， 并 且 能 给 


1) 与 
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对 商家 有 强大 的 推广 作用 及 可 衡量 的 推广 效果 ， 可 吸引 大 量 线 下 生活 服务 商家 加 入 。 


3) 数 倍 于 C2C、B2C 的 现金 流 。 


4) 巨大 的 广告 收入 空间 及 形成 规模 后 更 多 的 盈利 模式 。 


8.1.3 ”O20O 模 式 的 优势 与 核心 


O20O 模 式 的 益处 在 于 展开 推广 效果 透明 度 高 。 让 消费 者 在 线 上 选择 心仪 的 服务 然后 到 线 下 享受 服务 。 


订单 在 线 上 产生 ， 每 笔 交易 可 追踪 ， 


另外 ，O20 电 子 商务 模式 的 优势 主要 还 体现 在 以 下 几 个 方面 。 


1) 对 于 实体 供应 商 而 言 : 以 互联 网 为 媒介 ， 利 用 其 传输 速度 快 ， 


少 它 对 店面 地 理 位 置 的 依赖 性 ; 同时， 实体 店面 增 力 
理 规划 经 营 。 
2) 对 于 用 户 而 言 : 不 用 出 门 ， 可 以 在 线 了 解 商 家 的 信息 及 所 提供 服务 的 全 面 介绍 ， 


能 获得 比 线 下 消费 更 便宜 的 价格 。 


3) 对 于 020 电 子 商 务 网 站 经 营 者 而 言 : 一 方面 利用 网 络 快速 、 便 捷 的 特性 ， 而 且 能 为 用 户 带 来 日 常生 活 实际 所 需 的 优惠 信息 ， 
及 可 以 定量 统计 的 营销 效果 ， 因 而 可 以 吸引 大 量 线 下 实体 商家 ， 巨 大 的 广告 收入 及 规模 经 济 为 网 站 运营 商 带 来 更 多 盈利 模式 。 


0 


O20 营销 模式 的 核心 是 在 线 预付 。 


数据 显示 ， 即 使 在 电子 商务 最 发 达 的 美国 ， 线 下 消费 的 比例 依旧 高 达 9296。TrialPay 创 始 人 兼 CEO Alex Rampell 在 描述 庞大 的 线 下 消费 规模 时 举例 说 ， 


还 有 已 消费 客户 的 评价 可 以 借鉴 ;能 够 通过 网 络 直接 在 线 咨询 交流 ， 减 少 客户 的 销售 成 本 ， 还 有 在 线 购买 服务 ， 客 户 


户 众多 的 特性 ， 通 过 在 线 营销 ， 增 加 了 实体 商家 宣传 的 形式 与 机 会 ， 为 线 下 实体 店面 降低 了 营销 成 本 ， 大 大 提高 营销 的 效率 ， 而 且 减 
了 争取 客 源 的 渠道 ， 有 利于 实体 店面 经 营 优化 ， 提 高 自身 的 竞争 。 在 线 预 付 的 方式 ， 方 便 实 体 商 家 直接 统计 在 线 推广 效果 及 销售 额 ， 有 利于 实体 商家 合 


因此 可 以 快速 聚集 大 量 的 线 上 用 户 ; 能 为 商家 提供 有 效 的 宣传 效应 ， 以 


“普通 的 网 络 购物 者 每 和 


F 花 费 约 1000 美 元 ， 假 使 


普通 美国 人 每 年 收入 为 4 万 美元 ， 那 么 剩 下 的 39000 美 元 到 哪里 了 ?答案 是 ， 大 部 分 都 在 本 地 消费 了 ， 人 们 会 把 钱 花 在 咖啡 店 、 酒 吧 、 健 身 房 、 餐 厅 、 加 油 站 、 水 电工 、 干 洗 店 和 发 廊 。” 


这 不 仅仅 是 因为 线 下 的 服务 不 能 装 箱 运送 ， 更 重要 的 是 快递 本 身 无 法 传递 社交 体验 所 带 来 的 快乐 。 但 如 果 能 通过 O2O 模 式 ， 将 线 下 商品 及 服务 进行 
来 说 ， 不 仅 拓宽 了 选择 的 余地 ， 还 可 以 通过 线 上 对 比 选择 最 令 人 期 待 的 


B 务 ， 以 及 依照 消费 者 的 区 域 性 享受 商家 提供 的 更 适合 的 服务 。 但 如 果 没 有 线 上 展示 ， 也 许 消费 


展示 ， 并 提供 在 线 支付 “预约 消费 ” 
会 很 难 知晓 商家 信息 ， 更 不 


费 二 字 了 。 另 外 ， 目 前 正在 运用 O2O 摸 索 前 行 的 商家 们 ， 也 经 常会 使 用 比 线 下 支付 要 更 为 优惠 的 手段 吸引 客户 进行 在 线 支付 ， 这 也 为 消费 者 节约 了 不 少 


的 支出 。 


， 这 对 于 消费 者 
提 消 


对 于 本 地 商家 而 言 ， 原 本 线 上 广告 的 成 效 可 以 直接 被 转换 成 实际 的 购买 行为 ， 由 于 每 笔 完 成 的 订单 在 确认 页 面 都 有 “追踪 码 ” ， 商 家 在 更 为 轻松 地 获知 在 线 营 销 的 投资 回报 率 的 同时 ， 还 能 一 并 持续 深 


入 进行 “ 客 情 维 护 ”。 另 外 ，O20O 是 一 个 增 量 的 市 场 ， 由 于 服务 行业 的 企业 数量 庞大 ， 而 且 地 域 性 特别 强 ， 很 难 在 互联 网 平台 做 广告 ， 就 如 同 百度 上 很 少 出 现 酒吧 、KTV、 餐 馆 的 关键 词 ， 但 O2O 模 式 的 出 
现 ， 会 让 这 些 服务 行业 的 商家 们 可 以 到 线 上 展开 推广 。 


从 表面 上 看 ，O2O 的 关键 似 寻 


是 网 络 上 的 信息 发 布 ， 因 为 只 有 互联 网 才能 把 商家 信息 传播 得 更 快 、 更 远 、 更 广 ， 可 以 瞬间 聚集 强大 的 消费 能 力 。 但 实际 上 ，O2O 的 核心 在 于 在 线 支付 ， 一 旦 没有 在 线 支 


付 功能 ，O20 中 的 online 不 过 是 蔡 他 人 做 嫁 衣 罢了 。 就 拿 团购 而 言 ， 如 果 没有 能 力 提供 在 线 支付 ， 仪 赁 网 购 后 的 自家 统计 结果 去 和 商家 要 钱 ， 结 果 双方 无 法 就 实际 购买 的 人 数 达 成 精确 的 统一 而 陷入 纠纷 。 


在 线 支 付 不 仅 是 支付 本 身 的 完成 ， 是 某 次 消费 得 以 最 终 形成 的 唯一 标志 ， 更 是 消费 数据 唯一 可 靠 的 考核 标准 。 尤 其 是 对 提供 online 服 务 的 互联 网 专业 公司 而 言 ， 只 有 用 户 在 线 上 完成 支付 ， 自 身 才 可 能 
从 中 获得 效益 ， 从 而 把 准确 的 消费 需求 信息 传递 给 offline 的 商业 伙伴 。 无 论 B2C， 还 是 C2C， 均 是 在 实现 消费 者 能 够 在 线 支付 后 ， 才 形成 了 完整 的 商业 形态 。 而 在 以 提供 服务 性 消费 为 主 ， 且 不 以 广告 收入 


为 盈利 模式 的 020 中 ， 在 线 支付 更 是 举足轻重 。 


8.2 产品 设计 思路 


O2O 本 地 生活 平台 网 站 将 线 下 商铺 和 互联 网 结合 ， 让 互联 网 成 为 线 下 交易 的 前 台 ， 专 注 于 本 地 生活 服务 ， 集 生活 和 购物 为 一 体 的 专业 网 站 ， 体 现 本 地 生活 特色 ， 满 足 消费 者 多 样 性 的 需求 ， 也 为 商户 提 
供 了 很 好 的 展示 和 销售 渠道 。 商 户 在 线 上 揽 客 增加 客流 ， 消 费 者 在 线 下 消费 ， 享 受 更 多 的 优惠 ， 商 户 可 以 通过 参加 团购 来 提高 利润 和 知名 度 ， 还 可 以 设立 优惠 券 和 会 员 卡 ， 吸 引 更 多 客户 ， 用 户 可 以 对 商家 


进行 点 评 ， 参 加 团购 ， 并 且 


系统 主要 分 为 8 个 主要 模块 : 


1) 商户 模块 : 每 一 个 使 


息 发 布 等 。 


2) 团购 模块 : 该 部 分 是 O2O 本 地 生活 平台 网 站 的 一 个 重点 模块 ， 是 网 站 唯一 产生 线 上 交易 支付 的 功能 ， 是 平台 的 主要 盈利 来 源 。 


优惠 券 购物 ， 享 受 折扣 ， 站 点 提供 更 丰富 的 商户 内 容 、 商 品 信息 ， 把 原本 分 散 的 内 容 整 合 到 一 个 平台 上 ， 同 时 加 入 BBS 类 社交 圈子 功能 更 能 提高 网 站 对 用 户 的 黏 性 与 参与 度 。 


O20 本 地 生活 平台 的 商家 都 有 一 个 自己 的 商户 管理 后 台 ， 可 以 进行 商铺 信息 设置 、 团 购 及 订单 的 管理 、 优 惠 券 的 管理 、 商 户 首页 商品 的 管理 、 商 户 评 论 的 管理 及 店铺 活动 信 


3) 优惠 券 模块 : 商户 可 以 发 布 自己 店铺 的 优惠 券 ， 是 商户 的 一 种 传统 而 有 效 的 促销 手段 ， 往 往 能 起 到 事半功倍 的 效果 。 网 站 用 户 可 以 从 网 页 上 点 击 打印 优惠 券 或 直接 将 优惠 券 信息 发 送 到 自己 的 手机 
上 ,之 后 就 可 以 到 店 享受 相应 的 优惠 服务 非常 方便 。 


4) 结算 模块 : O2O 本 地 生活 平台 应 具备 基本 的 与 商家 结算 团购 订单 的 功能 ， 应 可 以 对 每 个 商家 分 类 分 别 设置 分 佣 比例 ， 并 有 完整 的 结算 流程 。 


5) 预约 模块 : 网 站 


wt 


户 可 以 在 线 进行 店铺 预约 。 


6) 会 员 卡 模块 : 网 站 


7) 社区 模块 : 类 似 BBS 或 百度 贴吧 的 社区 版 块 ， 主 要 为 了 增加 网 站 的 用 户籍 性 和 参与 度 。 


8) 会 员 中 心 模块 : 网 站 的 每 个 


由 


户 可 以 免费 成 为 商户 的 会 员 ， 并 得 到 一 个 会 员 卡 号 ， 拥 有 会 员 卡 的 用 户 到 店 消费 可 以 享受 一 定 的 折扣 优惠 。 


户 都 拥有 自己 的 会 员 中 心 ， 可 以 查看 自己 所 购买 的 团购 券 、 预 约 状态 、 收 藏 的 店铺 或 团购 及 所 拥有 的 店铺 会 员 卡 。 如 图 8-1 所 示 。 


约 模块 


图 8-1 O2O 网 站 平台 的 模块 组 成 


以 上 是 一 个 O2O 本 地 生活 类 平台 网 站 应 具备 的 基本 功能 模块 ， 本 章 接 下 来 将 对 前 四 个 重点 模块 进行 详细 分 析 讲解 。 


8.3 ”商户 模块 的 设计 与 实现 


8.3.1 模块 构成 


商户 模块 由 店铺 设 


、 订 身 


、 团 购 管理 、 商 品 管理 、 评 论 管理 、 优 惠 券 管理 、 活 动 管理 和 结算 管理 、 会 员 卡 管理 和 预约 管理 几 个 部 分 组 成 ， 如 图 8-2 所 示 。 


(1) 店铺 设置 


商家 可 以 在 这 个 子 模块 中 设置 店铺 的 基本 信息 ， 包 括 店 铺 名 称 、 店 铺 描述 、 店 铺 分 类 、 店 铺 地 址 、 店 铺 LOGO 等 ， 此 外 还 可 以 添加 微 信 二 维 码 


网 
焉 


(2) 订单 管理 


商家 可 以 在 这 个 子 模块 中 查看 所 有 团 


购 购买 记录 和 订单 状态 并 可 以 查看 详情 ， 最 重要 的 是 可 以 使 用 团购 验证 功能 来 验证 已 卖 出 的 团购 券 。 已 验证 过 的 团购 券 会 更 改 订单 状态 为 已 消费 并 计 入 结算 清单 
， 同 时 还 会 发 短信 给 用 户 方便 其 使 用 团购 券 。 
(3) 团购 管理 
商家 可 以 在 这 个 子 模块 中 发 布 团购 商品 并 进行 编辑 等 操作 ， 新 发 布 或 重新 编辑 过 的 团购 商品 需要 平台 后 台 的 审核 才 可 以 在 前 台 展 示 。 
(4) 商品 管理 
商家 可 以 在 这 个 子 模块 中 发 布 店铺 商品 信息 ， 可 以 填写 商品 名 称 、 价 格 、 描 述 ， 并 可 以 上 传 一 张 图片 ， 商 品 会 展示 在 前 台 店 铺 主 页 上 。 
(5) 评论 管理 
商家 可 以 在 这 个 子 模块 中 查看 用 户 对 商户 的 评价 信息 、 评 价 时 间 等 并 可 以 解释 说 明 。 
(6) 优惠 券 管理 
商家 可 以 在 这 个 子 模块 中 查看 已 添加 的 优惠 券 信 息 、 包 括 下 载 次 数 和 浏览 次 数 等 ， 还 可 以 发 布 新 的 优惠 券 ， 新 发 布 的 优惠 券 需要 平台 后 台 审 核 才 可 以 生效 并 在 前 台 展 示 。 
(7) 活动 管理 
商家 可 以 在 这 个 子 模块 中 查看 已 添加 的 活动 信息 并 添加 新 活动 。 添 加 店铺 活动 有 利于 增加 用 户 对 商户 的 关注 度 和 参与 度 ， 是 一 种 很 好 的 营销 手段 。 
(8) 结算 管理 
商家 可 以 在 这 个 子 模块 中 查看 已 生成 的 结算 单 ， 结 算 单 由 平台 后 台 生成 ， 商 家 可 以 看 到 起 止 日 期 
(9) 会 员 卡 管理 


卡 资格 


(10) 预约 管理 


商家 可 以 在 这 个 子 模块 中 选择 是 否 开启 前 台 店 铺 的 预约 功能 


商家 可 以 在 这 个 子 模块 中 选择 是 否 开启 会 员 卡 、 设 置 会 员 卡 折扣 、 添 加 描述 以 及 上 传 会 员 


能 ， 以 及 上 传 一 张 预约 


图 


片 等 操作 。 此 外 还 可 以 查看 已 


片 。 此 外 还 可 以 查看 到 


结算 金额 、 结 算 日 期 和 结算 状态 等 信息 ， 可 以 进行 确认 结算 和 确认 收 款 两 种 操作 。 


户 列表 ， 查 看 他 们 的 消费 记录 以 及 开启 或 关闭 某 


预约 列表 ， 里 面 详细 展示 了 


团购 管理 


评论 管理 


活动 管理 


图 8-2 ”商户 中 心 的 模块 构成 


这 10 个 子 模块 加 在 一 起 就 构成 了 一 个 完整 的 02O 商 户 管理 后 台 模 块 ， 商 户 模块 是 商家 与 用 户 、 平 台 之 间 直 接 进 行 互 动 的 地 方 ， 承 载 了 商家 在 O2O 平 台 的 所 有 日 
分 。 此 外 O20O 平 台 还 为 每 个 商户 建立 了 一 个 精美 的 店铺 主页 ， 上 面 会 


8.3 ”商户 模块 的 设计 与 实现 


8.3.1 模块 构成 
商户 模块 由 店铺 设置 、 订 单 管理 、 团 
(1) 店铺 设置 


展示 商户 形象 图 


片 、 基 本 信息 、 商 品 信息 、 


团购 信 | 


购 管理 、 商 品 管理 、 评 论 管理 、 优 惠 券 管理 、 活 动 管理 和 结算 管理 


商家 可 以 在 这 个 子 模块 中 设置 店铺 的 


会 员 卡 管理 和 预约 管理 几 个 部 分 组 成 ， 如 


户 评价 等 内 容 。 


基本 信息 ， 包 括 店铺 名 称 、 店 铺 描述 、 店 铺 分 类 、 店 铺 地 址 、 店 铺 LOGO 等 ， 此 外 还 可 以 添加 微 信 二 维 码 


网 


8-2 所 示 。 


户 的 预约 时 间 、 预 约 人 数 、 联 系 人 姓名 及 电话 等 信息 。 


常 管理 工作 ， 是 一 个 非 


Rl 
jl 


要 的 组 成 部 


(2) 订单 管理 


商家 可 以 在 这 个 子 模块 中 查看 所 有 团 
中 ， 同 时 还 会 发 短信 给 


购 购买 记录 和 订单 状态 并 可 以 查看 详情 ， 最 重要 的 是 可 以 使 用 团购 验证 功能 来 验证 已 卖 出 的 团购 券 。 已 验证 过 的 团购 券 会 更 改 订单 状态 为 已 消费 并 计 入 结算 清单 
户 方便 其 使 用 团购 券 。 
(3) 团购 管理 
商家 可 以 在 这 个 子 模块 中 发 布 团购 商品 并 进行 编辑 等 操作 ， 新 发 布 或 重新 编辑 过 的 团购 商品 需要 平台 后 台 的 审核 才 可 以 在 前 台 展 示 。 
(4) 商品 管理 
商家 可 以 在 这 个 子 模块 中 发 布 店铺 商品 信息 ， 可 以 填写 商品 名 称 、 价 格 、 描 述 ， 并 可 以 上 传 一 张 图片 ， 商 品 会 展示 在 前 台 店 铺 主 页 上 。 
(5) 评论 管理 
商家 可 以 在 这 个 子 模块 中 查看 用 户 对 商户 的 评价 信息 、 评 价 时 间 等 并 可 以 解释 说 明 。 
(6) 优惠 券 管理 
商家 可 以 在 这 个 子 模块 中 查看 已 添加 的 优惠 券 信 息 、 包 括 下 载 次 数 和 浏览 次 数 等 ， 还 可 以 发 布 新 的 优惠 券 ， 新 发 布 的 优惠 券 需要 平台 后 台 审 核 才 可 以 生效 并 在 前 台 展 示 
(7) 活动 管理 
商家 可 以 在 这 个 子 模块 中 查看 已 添加 的 活动 信息 并 添加 新 活动 。 添 加 店铺 活动 有 利于 增加 用 户 对 商户 的 关注 度 和 参与 度 ， 是 一 种 很 好 的 营销 手段 。 
(8) 结算 管理 
商家 可 以 在 这 个 子 模块 中 查看 已 生成 的 结算 单 ， 结 算 单 由 平台 后 台 生成 ， 商 家 可 以 看 到 起 止 日 期 、 结 算 金额 、 结 算 日 期 和 结算 状态 等 信息 ， 可 以 进行 确认 结算 和 确认 收 款 两 种 操作 。 
(9) 会 员 卡 管理 
商家 可 以 在 这 个 子 模块 中 选择 是 否 开启 会 员 卡 、 设 置 会 员 卡 折扣 、 添 加 描述 以 及 上 传 会 员 卡 图 片 等 操作 。 此 外 还 可 以 查看 已 申请 会 员 卡 的 
卡 资格 。 
(10) 预约 管理 


户 列表 ， 查 看 他 们 的 消费 记录 以 及 开启 或 关闭 某 


户 的 会 员 


商家 可 以 在 这 个 子 模块 中 选择 是 否 开启 前 台 店铺 的 预约 功能 ， 以 及 上 传 一 张 预约 图 


片 。 此 外 还 可 以 查看 到 


户 预 约 列表 ， 里 面 详 细 


展示 了 


户 的 预约 时 间 、 预 约 人 数 、 联 系 人 姓名 及 电话 等 信息 。 


商户 中 心 


团购 管理 


活动 管理 


图 8-2 ”商户 中 心 的 模块 构成 
这 10 个 子 模块 加 在 一 起 就 构成 了 一 个 完整 的 02O 商 户 管理 后 台 模块 ， 商 户 模块 是 商家 与 用 户 、 平 台 之 间 直 接 进 行 互 动 的 地 方 ， 承 载 了 商家 在 O2O 平 台 的 所 有 日 常 管 理工 作 ， 是 一 个 非常 重要 的 组 成 部 
分 。 此 外 O2O 平 台 还 为 每 个 商户 建立 了 一 个 精美 的 店铺 主页 ， 上 面 会 展示 商户 形象 图 片 、 基 本 信息 、 商 品 信息 、 团 购 信息 、 用 户 评价 等 内 容 。 
8.3.2 ”设计 思路 
1. 店 铺 相关 数据 表 设 计 思 路 
店铺 表 结 构 设置 3 


要 考虑 店铺 检索 的 便捷 性 。 由 于 店铺 分 类 只 能 设置 到 二 级 ， 所 以 店铺 表 设计 了 两 个 字段 
索引 直接 搜索 店铺 了 。 


来 储存 各 个 级 别 的 店铺 分 类 来 索引 ， 这 样 在 网 站 前 台 ， 


店铺 分 类 表 中 除 常规 分 类 名 称 、 父 类 |D 等 常规 字段 外 ， 还 应 设计 分 类 


户 就 可 以 根据 不 同 级 别 的 店铺 分 类 


图 片 和 分 佣 比 例 这 两 个 字段 ， 分 别 用 来 推荐 到 首页 的 分 类 展示 和 平台 款项 结算 。 
在 O2O 的 网 站 中 店铺 往往 是 有 店铺 标签 的 ， 这 个 设计 可 以 更 好 地 为 网 站 用 户 展示 店铺 的 特点 。 店 铺 标签 表 需 
段 ， 当 用 户 对 商户 进行 评价 时 就 可 以 选择 店铺 的 标签 ， 这 样 通过 标签 数量 就 可 以 直观 


映 某 个 店铺 标签 被 


单独 在 数据 库 中 设计 一 个 表 ， 除 去 标签 名 称 等 常规 字段 外 ， 还 应 设计 一 个 标签 数量 的 字 
户 选择 过 的 次 数 了 。 


2. 店 铺 地 区 属性 设计 思路 


ShopNC O2O 产 品 设计 店铺 所 属地 区 分 为 三 
大 多 数 团购 网 站 的 设计 来 看 ， 


个 等 级 : 城市 、 区 县 、 商 区 ， 商 家 在 后 
三 个 地 区 等 级 足以 应 对 用 户 的 检索 了 。 


3. 店 铺 主页 元 素 设计 思路 


O20 网 站 中 每 个 店铺 均 拥有 一 个 独立 的 商户 主页 ， 在 这 个 


【7 店 通 用 】 
DDaoa © 


哈 根 达 斯 


人 均 107 


X188 价值 238 元 ! 让 生活 ， 优 雅 。 仅 售 188 元 ! 价值 238 元 的 泰晤士 河畔 英伦 谍 桥 午 茶 ， 含 


哈 根 达 斯 冰淇淋 ， 任 意 一 款 产 30 元 代金 券 


店铺 介绍 


店铺 设置 的 时 候 必须 选择 店铺 所 属 的 这 三 个 地 区 属性 ， 以 方便 O02O 网 站 的 用 户 使 用 地 区 来 检索 商家 信息 。 根 据 


主页 中 展示 了 商家 的 基本 信息 、 地 理 位 置 、 店 铺 标 签 、 


团购 优惠 信息 、 店 铺 商品 、 用 户 点 评 等 ， 如 图 8-3 所 示 。 


1 地 址 : 和 平 区 和 平 区 南 门 外 大 街 2 号 天 津 大 悦 城 购物 中 心 ] 楼 20 号 商铺 
电话 : 022-57329724 
锯 近 : 距 鼓楼 站 约 231 米 
营业 时 间 : 10:00-22:00 


标签 : 冰 江 淋 (0) 提 拉 米 苏 (0) 比利时 巧克力 (0) 阴 姆 酒 (0) 香 莱 船 (0) 草莓 冰淇淋 (0) 


我 要 订 座 | 商铺 活动 | 食 收藏 (0) 


0 人 已 购买 


2 人 已 下 载 


哈 根 达 斯 ( Haagen-Dazs ) 原 为 美国 冰激凌 品牌 ，1921 年 由 镶 本 . 马 特 斯 (Reuben Mattus) 研 制 成 功 ， 并 于 1962 在 
美国 纽约 布朗 克 斯 命名 并 上 市 。1983 年 ， 哈 根 达 斯 出 售 给 品 斯 乐 公 司 ( The Pillsbury Company ) 之 后 ， 品 斯 乐 公司 纳 
入 通用 磨坊 公司 ( General Mills Inc. ) 旗下 ，2002 年 雀巢 公司 已 经 收购 哈 根 达 斯 冰淇淋 在 美国 全 部 注册 商标 权 。 哈 根 
达 斯 主要 口味 有 香草 、 巧 克 力 、 划 莓 、 抹 茶 、 曲 奇 香 奶 、 牛 奶 太 妃 、 夏 成 丙 果 人 、 芒 果 、 匣 啡 、 萄 萄 兰 姆 酒 、 提 拉 米 苏 


等 。 甜 品 包括 了 浪漫 奇 绿 分、 浓 情 窗 意 、 宠 爱 一 生 、 给 我 的 爱 、 心 秤 浪漫 、 爱 琴海 之 舟 梦 、 伊 甸 园 等 等 ， 


商品 图 片 


商户 基本 信息 中 需要 展示 的 内 容 有 商户 的 地 址 、 电 话 、 
部 分 是 纯 文 字 的 。 商 品 展示 区 会 显示 店铺 上 传 的 商品 图 片 ， 
头像 名 称 、 评 分 、 人 均 消费 金额 、 评 价 内 容 、 


鼠标 滑 过 会 


图 8-3 店铺 主页 


龙凤 里 2 栋 


20 米 
Ba 020 0 


= 


公交 路 线 : 856 路 ，907 路 ，861 路 ，903 路 
地 铁路 线 : 地 铁 一 号 线 西 北角 站 下 车 8 出 口 


营业 时 间 、 店 铺 标签 以 及 预约 和 收藏 等 功能 按钮 。 优 惠 信息 区 会 以 文字 形式 显示 店铺 最 新 的 团购 和 优惠 券 信息 并 会 展示 已 参与 人 数量 。 店 铺 介绍 
放大 并 显示 出 价格 和 简介 。 网 友 点 评 部 分 会 包含 较 多 的 信息 ， 是 提供 给 访问 商户 主页 的 用 户 最 主要 参考 的 信息 区 域 ， 它 主要 包括 网 友 
图 片 、 停 车 信息 、 商 家 的 解释 说 明 ， 此 外 还 包括 送 鲜花 和 收藏 点 评 这 两 个 小 功能 按钮 。 


整个 商户 主页 的 最 下 方 是 用 户 发 表 点 评 的 地 方 ， 登 录 后 这 里 会 显示 添加 点 评 的 表格 ， 否 则 显示 登录 提示 的 按钮 链接 。 


8.3.3 ”代码 实现 


二 


-团购 券 验证 的 代码 实现 


代码 清单 8-1 团购 券 验证 


团购 验证 的 代码 部 分 需要 完成 几 个 重要 的 事情 : 更 新 订单 表 状态 、 更 新 团购 密码 表 状 态 、 验 证 成 功 后 需要 向 用 户 发 送 短信 并 给 出 页 面 提示 信息 ， 如 代码 清单 8-1 所 示 。 


if(isset($ POST) && !empty($ POST)){ 
Smodel = Model (); 
S$order pwd = $model->table('order pwd')->where (array( 
'order pwd'=>$ POST['order passwd']))->find(); 
// 审 码 镭 误 
fe (empty ($order pwd)){ 
$this->showTip(L('nc member store verify password is wrong'), 


: 
// 状 态 无 效 
if($order pwd['state'] != 1){ 


1, html', 


'error'); 


$this->showTip(L('nc member store verify _ password is use') pe Dm ero "ys 
} 
S$use time = time(); 
// 更 新 订单 表 状态 
$result a = $model->table('order pwd')->where (array( 
'order group id'=>$order pwd[ "orqer group id']))->update (array ('state'=>2, 'use time'=>$use time) 小 过 
// 和 更 新 团购 密码 表 了 状态 
$result b = $model->table('order')->where (array( 
'order id'=>$order pwd[ "order id']))->update (array('use time'=>$use time)); 
if($result a && $result b){ 
S$orderinfo = $model->table ('order')->where (array( 
'order id'=>$order wd['order id']))->find(); 
// 消 费 成 功 ， 发 送 短信 
$post data = array( 
'phone' => S$orderinfo['mobile'], 


itext" =>' 您 的 团购 密码 : ' .$order_pwd['order_pwd'].' 已 经 使 用 ' 
) 
// 发 送 短 消息 通知 用 户 


$ch = curl init(); 
curl setopt ($ch, CURLOPT URL,BASE SITE URL."/api/message/demo.php"); 
curl setopt ($ch, CURLOPT HEADER, 0); 
Curl setopt ($ch, CURLOPT RETURNTRANSFER, 1); 
curl setopt ($ch, CURLOPT_ POST, 1); 
curl setopt ($ch, CURLOPT POSTFIELDS, $post data); 
$output = curl exec ($ch); 下 
curl close ($ch) 7 


// 修 牙 状 态 
$count = $model->table('order pwd')->where (array( 
'order id'=>$orderinfo['order id'],'state'=>2))->count (); 
~ if($count == $orderinfo['number']){ 
$model->table ('order') ->where (array ('order id'=>$orderinfo['order id']))-> update (array ('state'=>3)); 
} 
// 验 证 成 功 ， 此 处 需要 单独 跳 转 到 一 个 非 跳 转 的 提示 页 面 
$r url = '<a href="index.php?act=storeorder&op=verify" 
> 点 击 返 回 </a>'; 
Tpl::output ('msg',L('nc member store verify succ').'<br>| 购 名 称 : ' .$orderinfo ['item name']. '<br> 价 格 : ' .intval ($orderinfo['price']).' 元 <br>' .ST_Ur1) 7 


TP1: :output ('msg_type', rsucc')7 
TP1: :showpage ('msg' 'null layout');die; 
Jelse{ 
// 验 证 失败 


$this->showTip(L( 'nc_ member store verify fail'),'index.php?act=storeorder', 'html', 'error'); 


此 段 代 码 中 涉及 发 送 短信 的 部 分 使 用 了 cURL 函 数 库 ，cURL 是 一 个 利用 URL 语 法 规定 来 传输 文件 和 数据 的 工具 ， 支 持 很 多 协议 ， 如 HTTP、FTP、TELNET 等 。 该 库 常用 函数 如 下 : 


' cutl_init0: 初始 化 。 


“ curl_setopt0 ;设置 选项 。 


* curl_exec0; 执行 并 获取 HTML 文 档 内 容 。 


“curl_close0; 释放 cu 句柄 。 


2. 店 铺 基本 设置 的 代码 实现 


店铺 的 基本 设置 会 涉及 很 多 店铺 信息 的 修改 ， 比 如 店铺 名 称 、 店 铺 分 类 、 地 址 分 类 、 店 铺 标签 ， 以 及 各 种 图 片 如 店铺 LOGO 和 店铺 展示 图 片 等 等 。 


代码 清单 8-2 后 端 PHP 脚 本 响应 程序 


public function ajax get sc settleOp(){ 
$s class = intval($ GETI['s class']); 
ifl($s class > 0O){ 和 
$model = Model () 
$class_info = $model->table(' store class')->where( 
array ('class id'=>$s class))->find(); 
if($class info['class settle'] > 0){ 
echo json encode (array ('done'=>true, 'msg'=>' 
分 佣 比 例 : ' .$class_info['class settle'].'%'));die; 


}elsef 
$pclass_info = $model->table('store class')->where( 
array( 'class id'=>$class info[ 'parent class id']))->find(); 


if($pclass info['class settle'] > 0){ 
echo json encode (array ('done'=> 
true 'msg'=>' 分 佣 比 例 : ' .$pclass_info['class_settle'].'%'));die; 
}else{ 
echo json encode (array ('done'=>false));die; 
i 
} 
J}else{ 
echo json encode (array ('done'=>false));die; 


} 


当 商家 选择 店铺 分 类 时 应 该 采用 Ajax 技术 即时 显示 出 该 分 类 的 分 佣 比例 供 商 家 参考 。 店 铺设 置 页 面 检测 商家 分 类 的 选择 并 请 求 服务 器 PHP 脚 本 程序 返回 分 类 佣金 比例 数据 ， 最 后 将 该 数 


页 面 中 ， 如 代码 清单 8-2 所 示 。 


局 即时 展示 在 该 


通过 数据 库 查找 分 类 的 佣金 比例 并 放 在 一 个 数组 中 通过 json 的 形式 返回 。 


前 台 页 面 的 ajax js 调用 代码 使 用 query 的 ajax 调 用 方法 ， 如 代码 清单 8-3 所 示 。 


代码 清单 8-3 ”前 台 ajax 方 法 


$ ("select [name=s_class]") .change (function (){ 
Var s class = $ (this) .val(); 
$.getJSON ('index.php?act=storesetting&op=ajax get sc settleg&s class='+s class,function (result){ 
if(result.done){ 本 站 加 
$( #settle show') .html (result.msg); 


当 每 次 更 新 店铺 信息 时 ， 会 更 新 所 选 地 区 商家 数量 ， 如 代码 清单 8-4 所 示 。 


代码 清单 8-4 ”选择 商家 数量 


// 更 新 地 区 ， 分 类 商铺 数 
$info = $this->getStoreInfo($ POST['store id']); 
$model = Model (); 加 加 
$area model = Model ('area'); 
$city = $area model->getList (array( 
'parent area 1d'=>'0')); 
if(!empty ($city)){ 
foreach ($city as S$city){ 
$area = $area model->getList (array(' 


parent area id'=>$city['area id'])); 
if(!empty ($area)) { 
foreach ($area as S$area){ 
$mall = $area model->getList (array( 
parent area id'=>$area['area id'])) 
if(!empty ($mall)) { 
foreach ($mall as $mall){ 
$mall num = $model->table('store')->where (array(' 
mall id'=>$mall['area id'],'is audit'=>2))->count (); 
//1. 竺 审核 2 .审核 通过 3. 审 核 未 通过 
$area model->modify (array( 'number'=>$mall_ num) rarray(' area id'=>$mall ['area id'])); 
} 


} 

$area num = $model->table('store')->where (array('area id'=>$area['area id'],'is audit'=>2))->count () 7 
//1. 待 审核 2. 审 核 通过 3 .审核 未 通过 

$area model->modify (array ('number'=>$area num),array('area id'=>$area['area id'])); 
} 
$city_num = $model->table('store')->where (array(' 
city id'=>$area['city id']))->count (); 
$area model->modify (array ('number'=>$city num),array('area id'=>$city['area id'])); 
1 


$city path = BASE DATA PATH.'/cache/city/area '.$info['city id'].'.php'; 
if(is file($city path)){ 
unlink ($city path); 


} 
$class path = BASE DATA PATH.'/cache/class/class '.$info['city id'].'.php'; 
if(is file($class path)){ 
unlink ($class path); 
} 


$this->showTip (L(' nc _ member store op succ'),'','succ'); 


这 段 代码 除了 更 新 数据 库 中 地 区 店铺 数量 外 ， 还 在 最 后 更 新 了 地 区 缓存 文件 ， 方 便 调 用 。 


3. 店 铺 分 类 的 代码 实现 


如 代码 清单 8-5 所 示 ， 主 要 实现 了 店铺 分 类 的 增加 、 修 改 和 删除 等 操作 。 


代码 清单 8-5 ”店铺 增加 、 修 改 、 删 除 


// 添 加 一 个 店铺 分 类 
public function addop(){ 
$store model = Model ('store class'); 
$condition = array(); 


$condition['parent class id'] = 0; 
$class list = $store model->getList ($condition); 
// 新 增 分 类 
if(isset($ POST)&&!empty($ POST)){ 
/ /数据 验证 
$0obj validate = new Validate () 7 
$validate array = array( array ('input'=>$_ POST['class name'],'require'=>'true', "validator"=>"L 


array ('input'=>$ POST['class sort'],'require'=>'true', 'validator'=>'Range', 
'min'=>0, 'max'=>255, 'message'=>Language: :get ('nc_store class sort error')) 
); 
$obj validate->validateparam = $validate array; 
$error = $0obj validate->validate(); 
if ($error != ''){ 
$this->showTip (Language: :get ('error') .$error, '','', 'error'); 
} 


Sparam = array() 7 


$param['class name'] = trim($ POST['class name']); 

if(isset($ POST['parent class id']) && intval($ POsT['parent class id']) > 0){ 
$param['parent class id'] = $ POST['parent class id']; 

}elsel{ 团 a 

S$param['parent class id'] = 07 


Sparam['class_sort'] = intval($ POST['class sort'])7 


Sparam[' class recommend'] = intval ($_POSTI[ 'Is_recommend' ] 
if(!empty($ FILES['class image']['name'])) { 
Supload = new UploadFile(); 


S$uploaddir = ATTACH CLASS_ PATH; 
$upload->set ('default dir',$uploaddir); 

$result = $upload->upfile('class image'); 
if(!$result) { 
$this->showTip ($upload->error); 

i 


Sparam['class_jmage'] = $upload->file name; 
} 
$result = $store model->save ($param); 
if ($result){ 
$this->showTip (Language: :get ('nc_store class add succ'),'index.php?act=store&op= storeclass'); 
}else{ 


$this->showTip (Language: :get ( 'nc_store class add fail')); 
i 
F 
S$parent class jd = intval($ GET['parent class id']); 
if(!empty ($parent class id)) { 
Tpl::output ('parent class id',$parent class id); 
Tpl: :output ('op', 'add'); Tpl::output ('list',$class list); 
Tpl: :showpage ('storeclass.add'); 


} 
// 店 铺 分 类 删除 
public function dropOop() { 
$class id = trim($ POST['class id']); 
$store model = Model ('store class'); 
$condition = array(); 
$condition[ "Parent_class_ id'] = array('in', $class id); 
$class list = $store model->getList ($condition, 
1class id'ys 
if(!empty ($class_list) && is array($class list)) { 
foreach ($class list as $val) { 
$class id := TSval[ class jd']; 


} 

} 

$class id = rtrim($class id,','); 

$condition = array(); 

$condition['class id'] = array('in',$class id); 
// 删 除 分 类 

$result = $store model->drop ($condition); 
if($result) { 


$this->showTip (Language: :get ('nc store class detele succ'),''); } 
else { 
Sthis->showTip (Language: :get (' 
nc_store class detele fail'),'','', "error'); 


} 
. 


店铺 分 类 的 添加 和 删除 操作 代码 类 似 ， 故 只 列 出 了 添加 操作 的 代码 ， 分 类 名 称 和 分 类 的 排序 字段 是 必须 要 添加 的 ， 此 外 还 应 上 传 一 个 店铺 分 类 图 标 ， 这 个 在 前 台 分 类 展示 时 会 用 到 。 在 删除 分 类 的 代码 
部 分 ， 注 意 到 这 一 段 程序 既 可 以 完成 单独 一 个 店铺 分 类 的 删除 也 可 以 实现 多 个 店铺 分 类 的 同时 删除 操作 。 


4 店铺 首页 的 代码 实现 


店铺 首页 是 商户 信息 在 前 台 的 集中 展现 ， 因 此 会 调用 多 方面 的 店铺 相关 信息 ， 如 店铺 基本 信息 、 店 铺 标签 信息 、 团 购 优惠 券 信 息 、 店 铺 商品 信息 、 店 铺 点 评 信息 、 附 近 店 铺 列 表 等 。 


代码 清单 8-6 ”店铺 展示 代码 


// 店 铺 首页 展示 

public function detailOp(){ Language: :read ('appointment '); 
$store id = intval($ GET['id']); 
$store model = Model('store')7 


$storeinfo = $store model->getOne (array(' 
store id'=>$store id)); 
Tpl: :output ('storeinfo', $storeinfo); 


$class = F('class '.$storeinfo['city id'], 
null, 'cache/class'); 
if(!empty($class['class root'])){ 
foreach ($class['class root'] as $val){ 
if($val['class id'] 一 $storeinfo[ "class iqd']){ 
Tpl::output ('class name', $val['class name']); 
1 
} 
} if(!empty ($class['class menu'] [$storeinfo['class id']])){ 
foreach ($class['class menu'] [$storeinfo['class id']] as $val){ 
if($val['class id'] 一 $storeinfo['s class id']){ 
Tpl::output (Tsub class name', $val['class name']); 
} 


} 
} 
$city = F('area '.$storeinfo['city id'],null,'cache/city'); 
if(!empty ($city)){ 
foreach ($city as $val){ 
if($val[l'area id'] 一 $storeinfo['area id']){ 
Tpl::output ('area name', $val['area name']); 
i 


: 
// 点 评 列表 
$model comment = Model ('comment'); 
$condition = array( 
"comment .store_id' => $store id 
)¥ 
$comment list = $model comment->getMemberList( 
$condition, 10, 'comment id desc')7 
TP1: :output ('comment list',$comment list); 
TP1: :output ('show_page', $model comment->showpage (2)); 
Smodel = Model (); 
Smember info = $model->table ('member')->where (array(' 
member id'=>$ SESSION['member id']))->find(); 
TP1: :output ('member info', $member info); 
// 增 加 访问 量 
$model->table ('store')->where (array ('store id'=>$store id))->setInc('store click',1); 
// 调 取 店 铺 团购 信息 网 四 - 
S$groupbuy list = $model->table('groupbuy')->where (array('store id'=>$store id) )->select ()7 
Tpl: :output ('groupbuy list',$groupbuy list); 
// 调 取 店 铺 优 息 
$coupon list = $model->table('coupon')->where (array( 
'store id'=>$store id) )->order ('download count desc')->select (); 
Tpl::output ('coupon list', $coupon list) * 
// 调 取 标 签 
$label list = $model->table('store label')->where (array( 


'store id'=>$store id))->order('label num desc')->select(); 
Tpl::;output ('label list',$label list); 
// 计 算 评价 分 数 


$all comment = $model->field('amount score')->table(' 
comment ') ->where (array ('store id'=>$store id))->select (); 
$final score = 0; 
if(count ($all comment) > 0){ 
if(!empty ($all comment)){ 
foreach ($all comment as $val){ 
$final_score += S$val[ "amount_score']7} 


$final score = round($final score/count ($all comment)); 


TP1: :output ('final score', $final score); 

TP1: :output ('comment_ num', count ($all comment)); 
// 调 取 店 铺 商 品 
$goods_list = $model->table('goods') ->where (array( 

'store id'=>$store id))->order('add time desc')->select (); 

Tpl: :output (Tgoods list',$goods list); 
// 附 近 的 商铺 
$sidestore = $store model->getList (array('mall id' 

=>$storeinfo['mall id'],'store state'=>2,'store id'=>array('neq', $store id))); 

Tpl: ;output ('sidestore', $sidestore); 
// 收 藏 总 罗 
$count = $model->field('count (*) as sum')->table('favorites')->where(array ('fav id'=>$store id,'fav type'=>'store'))->find(); 
Tpl: :showpage ('store.detail'); 


Tpl: :output ('fav_num', $count[' 


8.3.4 功能 体验 


本 节 将 对 商户 模块 中 的 活动 管理 、 会 员 卡 管理 、 预 约 管理 的 实际 操作 做 简要 说 明 。 


1. 活 动 管理 


功 倍 的 效果 ， 如 图 8-4 所 示 。 


店铺 活动 是 商户 吸引 人 气 的 主要 促销 手段 之 一 ， 做 好 活动 营销 经 常 可 以 起 到 


在 商户 活动 的 后 台 管理 页 面 上 会 有 “新 增 活动 ”、“ 编 辑 、“ 删 除 ”、“ 查 看 申请 ”等 几 个 主要 功能 按钮 ， 此 外 还 应 有 一 个 活动 搜索 框 ， 如 图 8-5 所 示 。 


和 
水 小城 鱼 栈 活 鱼 现 堵 优惠 券 ] 吃 一 条 送 一 斤 鱼 券 最 新 评论 
. 铺 柄 四。 鱼 本 是 专门 针对 傅 介 阅 等 时 尚 年 轻 人 的 现代 化 的 餐饮 品牌， 创立 有 8 年 打造 了 以 上 海 为 中 心 有 RE A 
射 全 国 天 津 、 济 南 、 西 安 、 沈 阳 、 大 连 、 郑州、 武汉 等 核心 城市 的 受 年 轻 人 喜欢 的 时 尚 餐饮 品牌 , 鱼 
目前 全 国 近 100 家 门店 ， 成 为 深 受 时 尚 年 轻 人 喜欢 的 高 端 洋气 上 档次 的 餐饮 连锁 品牌 。 TOO OoC 
GOOOO 2014-07-13 


拒 收 还 不 错 ， 我 要 去 感受 下 


BOOOO 2014-03-19 


选 的 著 枝 香 辣 不 到 3 斤 的 黑鱼 一 味道 不 错 酸 昏 口 后 
度 可 以 接受 完全 不 后 ~ 点 了 新 出 的 奥 利 奥 沙 拉 和 一 个 
酸 纳 瓜 和 海 菜 的 凉菜 味道 一 般 还 是 老 醋 花生 有 味道 
一 依旧 点 的 花枝 招展 + 泡 饼 一 虚 了 两 次 水 浓缩 汤 汁 ， 
三 个 人 吃 的 好 饱 ~ 


BOOOO 2014-03-19 


很 不 错 的 店 开 了 很 多 家 总 体 都 差不多 吧 泡 饼 强 

推 ! ! ! 鱼 豆腐 和 人 金针菇 寒 过 后 也 不 错 我 吃 的 是 完 
全 不 凉 的 清江 鱼 也 很 好 吃 啊 同 去 的 小 伙伴 吃 的 是 中 
等 嫩 度 的 他 们 说 比 不 嫩 的 好 吃 。。。 就 是 越 吃 越 热 
店 也 不 算 大 服务 还 不 错 


GOOOO 2014-03-19 


很 不 错 的 店 开 了 很 多 家 总 体 都 差不多 吧 泡 饼 强 

推 ! ! ! 鱼 豆腐 和 金针菇 麻 过 后 也 不 错 我 吃 的 是 完 
全 不 后 的 清江 鱼 也 很 好 吃 啊 同 去 的 小 伙伴 吃 的 是 中 
等 辣 度 的 他 们 说 比 不 辣 的 好 吃 。。。 就 是 越 吃 越 热 
店 也 不 算 大 服务 还 不 错 
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国 96 宁 站 店 通用 ; 公有 
夭 仪 限 下 次 使 用 。 评 讲 店面 咨询 


已 经 0 人 申请 参加 活动 
有 效 期 : 2025-12-31 
报名 截止 时 间 : 2015-01-01 


图 8-4 ”活动 前 台 页 面 


商户 中 心 > 活动 管理 


活动 管理 


活动 名 称 : 


活动 描述 


阿 雪 米线 是 一 种 源 自 云南 的 特色 美食 。 高汤 由 大 骨 、 老 母 
鸡 、 火 腿 经 长 时 间 熬 者 而 成 ， 具 有 浓郁 评委 味 ， 一 层 鸡 油 盖 住 汤 
3 后 通用 仅 售 45 元 ! 原价 中 的 热气 。 米 线 鲜 滑 讲 口 ， 配 上 各 色 佐 料 ， 红 白 黄 弘 相交 辉映 ， 
88 元 的 阿 香 米线 双人 套 2014-03-05~2015-12-30 别 具 风味 。 店 家 从 2014 年 3 月 5 日 开始 接待 本 地 生活 开户 ， 有 效 。 ”编辑 1 删除 1 查看 申请 
餐 ， 米 线 鲜 滑 吏 期 至 2015 年 12 月 30 日 ， 无 需 预 约 ， 请 您 合理 安排 用 餐 时 间 。 每 
份 骨 肉 相 连 含 2 串 哦 ~ 


| 呢 新 增 活动 


图 8-5 ”活动 后 台 管 理 页 面 


2. 会 员 卡 管理 


商户 模块 的 会 员 卡 管理 由 2 个 部 分 组 成 ， 第 一 个 部 分 是 会 员 卡 的 设置 界面 ， 如 图 8-6 所 示 ， 是 否 开启 会 员 卡 功能 、 会 员 卡 的 折扣 、 会 员 卡 描述 以 及 上 传 一 个 会 员 卡 的 图 片 ; 第 二 个 部 分 是 店铺 


会 员 的 管理 ， 如 图 8-7 所 示 ， 包 含 了 已 申请 会 员 的 列表 ， 在 这 个 列表 中 可 以 开启 和 关闭 某 一 个 会 员 的 会 员 资格 以 及 查看 会 员 的 消费 记录 。 


消费 记录 通过 商家 后 台 进 行 录入 ， 包 括 了 会 员 卡 号 、 消 费 金额 、 消 费 人 数 等 。 


会 员 卡 《必须 填写 项 ) 


请 填写 会 员 卡 信息 


* 开启 会 员 卡 : @ 开启 Q 〇 停止 


会 员 卡 折扣 : la | 折 


会 员 卡 描述 : | 阿 委 米 线 会 员 卡 全 店 通用 ， 不 限时 间 段 随时 使 用 ， 口 口 美 味 ， 浓 委 回 
味 ! 会 员 优惠 


会 员 卡 图 片 : (选择 交 件 ] 未 选择 文件 


图 8-6 会员 卡 设置 页 面 


商户 中 心 > 会 员 卡 
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图 8-7 ”会 员 列 表 界面 


图 8-8 消费 记录 录入 界面 


3. 预 约 管理 


商户 的 预约 管理 包括 2 个 部 分 ， 第 一 个 部 分 是 预约 设置 管理 ， 如 图 8-9 所 示 ， 包 含 设置 是 否 开启 预约 功能 以 及 上 传 一 张 预 约 图 片 ; 第 二 个 部 分 是 查看 预约 列表 ， 如 图 8-10 所 示 ， 包 含 了 预约 时 间 、 预 约 人 
数 、 联 系 人 以 及 联系 电话 等 信息 ， 并 支持 按时 间 的 检索 功能 。 


商户 中 心 > 商户 设置 


预约 《必须 填写 项 ) 


* 预约 开启 : @@ 开启 停止 


预约 图 片 : [6E 关 和 未 法 择 广 件 


图 8-9 预约 设置 页 面 


商户 中 心 > 商户 设置 


预约 列表 


商铺 名 称 预约 电话 


阿 香 米线 (水 游 城 店 ) 18996666666 


阿 委 米线 (水 游 城 店 ) 15044772010 


阿 雪 米线 (水 游 城 店 ) 15800000670 


阿 香 米线 (水 游 城 店 ) 123123 15841833667 


阿 香 米线 (水 游 城 店 ) SSSW>NN 13559220213 


阿 需 米线 (水 游 城 店 ) 13697896541 


阿 得 米线 (水 游 城 店 ) 15800506660 


阿 香 米线 (水 游 城 店 ) 13305431759 


阿 备 米线 (水 游 城 店 ) 18601059811 


阿 务 米 绿 ( 水 游 城 店 } qwfasdf 13894561234 


首页 上 -页 图 2 下 -页 未 页 


图 8-10 ”预约 列表 页 面 


8.4 ”团购 模块 设计 


8.4.1 模块 构成 


团购 是 O2O 平 台 商 家 进行 促销 的 最 主要 的 手段 ， 商 家 可 以 通过 后 台 发 布 团 购 活动 ， 平 台 进行 审核 ， 审 核 成 功 之 后 ， 会 员 可 以 进行 团购 ， 团 购 成 功 ， 平 台 会 将 团购 券 以 短信 的 形式 发 送 给 会 员 ， 会 员 根据 
线 上 商家 地 址 ， 携 带 团 购 券 到 实体 店铺 去 消费 ， 消 费 成 功 之 后 ， 该 团购 券 状 态 变 成 已 消费 状态 ， 此 时 会 员 可 以 对 店铺 进行 评价 。 在 O2O 开 发 中 ， 这 部 分 主要 分 为 4 个 模块 : 商户 团购 管理 、 平 台 团购 管理 、 


会 员 订单 管理 、 团 购 前 台 展 示 。 


商家 可 以 发 布 和 编辑 团购 ， 团 购 开始 之 前 可 以 编辑 和 册 


ES 


除 ， 团 购 开始 之 后 不 可 以 编辑 和 删除 ， 可 以 按照 团购 名 称 、 团 购 状 态 进行 索引 。 


(1) 平台 团购 管理 


平台 团购 管理 分 为 两 个 模块 ， 分 别 是 : 团购 管理 和 团购 订单 。 团 购 管理 可 以 查看 团购 列表 ， 可 以 对 商家 发 布 的 团购 进行 审核 ， 可 以 查看 该 团购 下 生成 的 团购 券 ， 可 以 选择 该 团购 停 用 ， 可 以 按照 团购 状 
态 和 团购 审核 情况 进行 搜索 。 可 以 查看 订单 情况 ， 可 以 按照 订单 编号 、 会 员 名 称 、 商 铺 名 称 、 团 购 名 称 进行 查询 。 


(2) 会 员 订 单 管理 


会 员 订单 管理 ,会 员 可 以 查看 团购 订单 ， 可 以 查看 订单 详情 ， 也 可 以 再 次 发 送 短信 ， 将 团购 券 发 送 给 会 员 手 机 号 。 


(3) 团购 前 台 展 示 


团购 前 台 展示 有 团购 列表 模块 、 团 购 详情 模块 、 选 择 团购 数量 模块 、 团 购 支付 模块 。 团 购 列表 模块 ， 可 以 按照 分 类 和 商 圈 进行 筛选 ， 可 以 按照 销售 量 、 有 效 期 、 价 格 进行 排序 。 团 购 详情 模块 ， 显 示 团 
购 价格 、 团 购 次 数 、 折 扣 、 团 购 介绍 等 信息 。 选 择 团 购 数量 模块 ， 可 以 按照 团购 项 目 选择 数量 。 团 购 支 付 模块 ， 显 示 订单 号 ， 有 支付 宝 和 预存 款 两 种 支付 方式 ， 点 击 “ 提 交 ” 按 钮 进行 支付 。 


8.4 ”团购 模块 设计 


8.4.1 模块 构成 


团购 是 O2O 平 台 商 家 进行 促销 的 最 主要 的 手段 ， 商 家 可 以 通过 后 台 发 布 团 购 活动 ， 平 台 进行 审核 ， 审 核 成 功 之 后 ， 会 员 可 以 进行 团购 ， 团 购 成 功 ， 平 台 会 将 团购 券 以 短信 的 形式 发 送 给 会 员 ， 会 员 根据 
线 上 商家 地 址 ， 携 带 团购 券 到 实体 店铺 去 消费 ， 消 费 成 功 之 后 ， 该 团购 券 状 态 变 成 已 消费 状态 ， 此 时 会 员 可 以 对 店铺 进行 评价 。 在 O2O 开 发 中 ， 这 部 分 主要 分 为 4 个 模块 : 商户 团购 管理 、 平 台 团购 管理 、 


会 员 订单 管理 、 团 购 前 台 展 示 。 


ES 


商家 可 以 发 布 和 编辑 团购 ， 团 购 开始 之 前 可 以 编辑 和 删除 ， 团 购 开始 之 后 不 可 以 编辑 和 删除 ， 可 以 按照 团购 名 称 、 团 购 状态 进行 索引 。 


(1) 平台 团购 管理 


平台 团购 管理 分 为 两 个 模块 ， 分 别 是 : 团购 管理 和 团购 订单 。 团 购 管理 可 以 查看 团购 列表 ， 可 以 对 商家 发 布 的 团购 进行 审核 ， 可 以 查看 该 团购 下 生成 的 团购 券 ， 可 以 选择 该 团购 停 用 ， 可 以 按照 团购 状 
态 和 团购 审核 情况 进行 搜索 。 可 以 查看 订单 情况 ， 可 以 按照 订单 编号 、 会 员 名 称 、 商 铺 名 称 、 团 购 名 称 进行 查询 。 


(2) 会 员 订 单 管理 


会 员 订单 管理 ,会 员 可 以 查看 团购 订单 ， 可 以 查看 订单 详情 ， 也 可 以 再 次 发 送 短信 ， 将 团购 券 发 送 给 会 员 手 机 号 。 


(3) 团购 前 台 展 示 


图 


购 前 台 展 示 有 团购 列表 模块 、 团 购 详情 模块 、 选 择 团 购 数量 模块 、 团 购 支 付 模块 。 团 购 列表 模块 ， 可 以 按照 分 类 和 商 圈 进 行 筛选 ， 可 以 按照 销售 量 、 有 效 期 、 价 格 进行 排序 。 团 购 详情 模块 ， 显 示 团 
购 价格 、 团 购 次 数 、 折 扣 、 团 购 介绍 等 信息 。 选 择 团 购 数量 模块 ， 可 以 按照 团购 项 目 选择 数量 。 团 购 支 付 模块 ， 显 示 订 单 号 ， 有 支付 宝 和 预存 款 两 种 支付 方式 ， 点 击 “ 提 交 ” 按 钮 进行 支付 。 


8.4.2 ”设计 思路 


1. 团 购 数据 表 设 计 思 路 


购 数据 表 一 共 包括 3 张 表 ， 一 张 是 团购 信息 数据 表 ， 一 张 是 团购 订单 表 ， 还 有 一 张 团购 券 表 。 


团 
团购 信息 数据 表 ， 包 括 : 团购 名 称 、 团 购 介绍 、 团 购 开始 时 间 、 团 购 结束 时 间 、 所 属 店铺 ID、 店 铺 名 称 、 原 始 价格 、 团 购 价 格 、 团 购 数量 、 购 买 上 线 、 购 买 人 数 、 团 购 介绍 、 团 购 图 片 、 发 布 时 间 等 字 
息 


段 信 
团购 订单 数据 表 ， 包 括 : 订单 编号 、 会 员 ID、 会 员 名 称 、 手 机 号 、 商 铺 ID、 商 铺 名 称 、 下 单 时 间 、 团 购 索引 ID、 团 购 名 称 、 团 购 数量 、 团 购 价格 、 团 购 状态 等 字段 信息 。 
团购 券 数据 表 ， 包 括 : 索引 订单 ID、 团 购 券 状 态 、 团 购 码 、 使 用 时 间 。 
2. 团 购 模块 流程 设计 思路 


团购 模块 流程 设计 思路 ， 商 家 进入 团购 管理 ， 选 择 发 布 团购 ， 填 写 团购 名 称 、 开 始 时 间 、 结 束 时 间 、 原 价 、 团 购 价格 、 团 购 数量 、 购 买 上 线 、 团 购 图 片 、 团 购 说 明 、 团 购 介绍 ， 发 布 成 功 之 后 ， 提 交 到 
平台 进行 审核 ， 审 核 成 功 ， 会 员 可 以 参加 团购 活动 ， 会 员 浏览 团购 项 目 ， 选 择 自己 喜欢 的 团购 项 目 ， 可 以 进行 购买 ， 购 买单 个 团购 项 目 之 后 ， 可 以 选择 数量 ， 点 击 “ 提 交 ” 按 钮 以 后 ， 进 入 生成 订单 ， 选 择 
支付 方式 ， 点 击 “ 支 付 ” 按 钮 ， 即 可 完成 整个 团购 活动 ， 消 费 成 功 之 后 可 以 对 店铺 进行 评价 。 如 图 8-11 所 示 。 


平台 对 该 团购 进行 结算 


井 行 评论 


发 布 团购 活动 会 员 对 商家 进 


浏览 团购 列表 短信 通知 会 员 验 证 成 功 商家 验证 会 员 团 购 验 证 


浏览 团购 详情 选择 团购 数量 支付 成 功 ， 发 送 团购 券 


图 8-11 团购 模块 流程 设计 思 


8.4.3 代码 实现 


1. 发 布 团购 代码 展示 


发 布 团购 部 分 需要 实现 的 有 : 显示 团购 模板 、 上 传 图 片 、 发 布 团购 信息 ， 如 代码 清单 8-7 所 示 。 


代码 清单 8-7 ”发 布 团购 


四 


团购 活动 


public function aqdqop (){ 
if(isset($_POST) && !empty($ POST)){ 
S$uploadArr =$this->upload pic('groupbuy_pic');// 上 传 团购 图 片 
if($uploadArr['state'] == false){ 
$this->showTip ($uploagdArr['name']); 


} 
$storeinfo = Sthis- >getStoreInfo($ SESSION['store_id']);// 获 取 店 铺 信息 
$params array (); 
$params['group_name'] trim($ _POST['group name']); 
$params['group help'] trim($ POST['group help']); 
$params['start time'] strtotime (trim($ POST['start time'])); 


params['end time'] = strtotime (trim($_POST['end time™])); 
S$params 'store id'] = $storeinfol[ "Store id']; 
$params['store name'] = $storeinfo['store name']; 
S$params "original price'] = im($ POST[ ['original price' D); 


$params['group price'] 
S$params['buyer_ count'] 
$params['buyer limit'] 
$params['group intro'] 
$params['group pic'] = 
$params['publish time'] = tim 


trim($ 1 POST['group price'] 
trim($ _POST [ 'buyer_count'] 
trim($ _POST[ buyer limit'] 
trim($ POST[' group.: intro'] 
uploadArr[ 'name']; 


); 
); 
) 7 
ji 


wl 


$params['city_id' = $this->store['city id']; 
$params['area id' = $this->store['area id']; 
Sparams ‘mall_id! = $this->store['mall id']; 
$params['class_id'] = $this->store['class id']; 
S$params['s class _id'] = $this->store['s class id']; 
S$group 1 model = Model ('groupbuy'); 

$result = $group model->save (Sparams) ;// 保 存 团购 

if ($result) {// 新 增 团 购 


$this->showTip(L('nc member store add groupbuy succ'),'index.php?act=storegro-upbuy&op=list', 'succ'); 
Jelse{ 

$this->showTip(L('nc member store add groupbuy fail'),'','error'); 

} 


} 
Tpl: :showpage ('groupbuy.add'); 


2. 团 购 列表 代码 展示 


团购 列表 部 分 需要 实现 的 有 : 显示 团购 列表 、 团 购 排序 、 团 购 分 类 、 团 购 区 域 、 热 门 团购 等 信息 ， 如 代码 清单 8-8 所 示 。 


代码 清单 8-8 ”团购 列表 


/* 
* 团购 列表 
本 
public function listOp(){ 
$groupbuy_ model = Model (' groupboy" ); 


$condition array (); 
$condition['start time' fF = array(' Le time ()); 
$condition['end time']= array ('egt',time ()) 
$condition['is open'] = 1;//1 .开启 2. 关闭 
$condition['city id'] 这 $this->city info['area id']; 
$condition['is audit']= 2;//1. 待 审核 2. 审 核 通 过 3. 审 核 未 通过 
// 城 市 分 类 
$condition['city id'] 3 Sthis->city info["area id']; 
if(isset($ GET['area id']) && !empty($_GET['area id'])){ 
// 区 域 
$condition['area id'] = intval($ GET['area id']); 


Tpl::output ('area id', intval ($_GET['area 1d])); 
if(lisset(§ GET['mall id']) && !empty($ GET['mall id'])){ 


// 商 区 
$condition['mall id'] = intval($ _GET['mall id']); 
Tpl::output ('mall id' 7 intval ($_GET["' mall - Qt.])}? 
} 
J 
// 商 铺 分 类 
if(isset($ GET['class id']) && !empty($ GET['class id'])){ 
$conditon['class id'] = intval($ _GET['class id']); 


TP1: :output ('class _ id',intval ($ _GETT' class id'])); 
if(isset($ GET['class id 1']) && !empty($ GET['class id 1°])){ 
$condition['s class id'] = intval($ GET[' class Id I 
Tpl::output (' class - 型 | 1',intval ($ _GET[' class . 通 : IT] 
i 
} 
$list = $groupbuy model->getList ($condition, '20', 'buyer count desc'); 
Tpl::output ('list", $list); 


TP1: :output ('show_page', $groupbuy_ mode1->showpage () ) 7 
// 分 类 
$this->classlist (); 
// 区 域 
$this->arealist (); 
/ /热门 团购 
$this->hotgroupbuy (); 
Tpl: :showpage ('groupbuy'); 


团 


3. 团 购 详情 代码 展示 


购 详情 部 分 需要 实现 的 有 : 显示 团购 信息 、 团 购 验 证 、 热 门 团购 ， 如 代码 清单 8-9 所 示 。 


代码 清单 8-9 ”团购 详情 


/* 
* 团购 详情 


wf 


public function detailop ()1{ 


// 团 购 详细 
S$group_ id = intval ($ GET['group id']); 
S$group model= Model ('groupbuy'); 


$group = $group model->getOne (array ('group id'=>$group id, 'is_open'=>1, 'is audit'=>2));//is_audit=1. 待 审核 2. 审 核 通 过 3. 


// 验 证 团购 是 否 存在 
if (empty ($group) ) { 
$this->showTip(L('nc groupbuy is not exists'),'','error'); 


} 
// 验 证 团购 是 否 开 始 


if($group['start time']>time()){ 
$this->showTip(L('nc groupbuy is not start'),'','error'); 


} 

// 验 证 团购 是 否 结束 

if($group['end time']<time()){ 
$this->showTip(L('nc groupbuy is already end'), 


了 
} 

Tpl: :output ('group', $group); 

$storeinfo = $this->getStoreInfo($group['store id']); 

Tpl: :output ('storeinfo', $storeinfo); 

/ /热门 团 由 

$this->hotgroupbuy (); 

Tpl: :showpage ('groupbuy.detail'); 


fF 启 2. 关 闭 


审核 未 通过 , is_open=1 .天 


4 


团购 订单 部 分 需要 实现 的 有 : 显示 团 


.团购 订单 代码 展示 


代码 清单 8-10 ”团购 订单 


购 信 息 、 验 证 数据 、 生 成 订单 ， 如 代码 清单 8-10 所 示 。 


/* 
* 团购 订单 


wd 


public function groupbuyorderOp (){ 


if(isset ($ POST) && !empty($ POST)){ 

/ /表单 验证 

$obj validate = new Validate(); 

$obj validate->validateparam = array( 

array ("input"=>intval ($_POST['q_number']), "require"= 
); 

$error = $0obj validate->validate(); 

4 terror l= "1)t 

$this->showTip (Language: :get ('error') .$error, '', 'error'); 

} 

S$group_ id = intval($_POST['group id']); 

S$group model = Model ('groupbuy'); 

$group = $group model->getOne (array ('group id'=>$group id)); 

// 检 测 是 否 登录 

if(!isset($ SESSION['member id'])){ 


$this->showTip (L( 'nc groupbuy is not login'),'index.php?act=login', 'error'); 
i 

// 验 证 团购 是 否 存 在 

if (empty ($group)){ 

$this->showTip(L('nc groupbuy is not exists'),'','error'); 


} 
// 验 证 团购 是 否 开始 
if($group['start time']>time()){ 


$this->showTip(L('nc groupbuy is not start'),'','error'); 

} 

// 验 证 团购 是 否 结束 

if($group['end time']<time()){ 
$this->showTip(L('nc groupbuy js already end'),'','error'); 


} 

// 验 证 团购 数量 

if(intval ($ POST['q number'])>$group['buyer limit']) 
$this->showTip(L('nc groupbuy quantity is not limit' 


{ 
) 


} 
$store id = S$group['store id']; 
$storeinfo = $this->getStoreInfo ($store iqd); 


Smember model = Model ('member'); 


Smember = $member model->getOne (array ('member id'=>$ SESSION['member id'])); 


// 生 成 团购 订单 

S$params = array(); 
$params['order_sn'] = $this->snOrder (); 

S$params ['member id'] = $member['member id']; 

Sparams [ ,member name'] = $member['member name']; 

$params ['mobile'] = $member['mobile']; 
$params['store id'] = $storeinfol['store id']; 
$params 'store name'] = $storeinfo['store name']; 
$params ['add time'] = time (); 

$params['order type'] = 1;// 未 支付 状态 

S$params ['item id'] = intval($ POST['group id']); 
$params['item name'] = $group['group name']; 
$params ['number'] = intval ($ POST['q number']); 
$params ['price'] = intval($ POST['q number'])*$group['group price']; 
$params ['state'] = 1; 

$params['order out'] $this->order sn; 


S$order model = Model ('order') 
$result = $order model->save( 
if ($result){ 
// 修 改 团购 购买 数量 
$model = Model (); 


S$params); 


$model->table ('groupbuy') ->where (array ('group id'=>$group id))-> setInc('buyer num',intval($ POST['q number'])); 
header ("Location:index.php?act=groupbuy&op=grouppayment&order id=".$result); 


exit; 

}elset{ 

$this->showTip(L('nc groupbuy operation is wrong'), 
} 


} 

// 团 购 信息 

S$group_ id = intval($ GET['group id']); 

S$group model= Model ('groupbuy'); 

S$group = $group model->getOne (array ('group id'=>$group id)); 


if (empty ($group)) { 


1 


$this->showTip(L('nc home groupbuy is not exists'),'index.php','error'); 


Tpl: :output ('group', $group); 


ey 


二) 人 


"true", "validator"=>"number", "message"=>L('nc groupbuy is not null and number')) 


TP1: :showpage ('groupbuy.order'); 


5. 团 购 支付 代码 展示 


团购 支付 部 分 需要 实现 的 有 : 显示 支付 信息 、 订 单 信息 、 会 员 信息 ， 如 代码 清单 8-11 所 示 。 


代码 清单 8-11 团购 支付 


/* 
* 支付 
六 
public function grouppaynent Op.{ 
S$order id intval ($_GET['order id']); 
Sorder model = Model(' order'); 
S$order = $order model->getOne (array ('order id'=>$order id)); 
if (empty ($order)){ 


$this->showTip(L('nc group order is not exists'),'','error'); 
会 员 登录 

if($ SESSION['is login' ] != 1){ 

$this->showTip(L('nc group member is not login'),'','error'); 


} 
if ($0order['member id'] 1=$ SESSION [ member id']){ 
$this->showTip(' 该 记录 不 存在 ','', 'error'); 


} 

// 会 员 信息 

Smember id $_SESSION['member id']; 

Smember model = Model ('member'); 

Smember = $member model->getOne (array ('member id'=>$member id)); 
Tpl: :output ('member', $member); 

// 支 付 方式 

$model = Model (); 

Spayment = $model->table('payment')->where (array ('payment state'=>1))-> select(); 
Tpl: :output ('payment', $payment); 

Tpl: :output ('order', $order); 

Tpl: :showpage ('groupbuy .payment ') 7 


8.4.4 功能 


.团购 列表 


团购 列表 页 面 从 首页 点 击 “ 团 购 ”按钮 进入 ， 浏 览 团购 列表 ， 如 图 8-12 所 示 。 


Ohi | Rk ED 


本 地 生 ; 克 @ 天 津 gta 


打造 生 随 里 玉 一 体 化 乎 各 
做 表 妆 
当前 位 置 ; 首页 > Ely 


分 类 : 国有 贿 忆 闫 名 ”人 州 有 如 乐 ”生活 服务 ”包皮 福山 ”两 场 外 市。 电子 优 韦 撒 像 写真 ”教育 培训 


商 圈 : 国光 调和 和 PE 河西 区 河东 区 河北 区 代 本 区 注 和 呆 区 


默认 排序 “放荡 明 * 有 效 期 * 前 入 + 


[兰州 拉面] 奇石 咕 咱 鱼 [ 阿 香 米线 (水 游戏 店 )] 【3 店 通用 了 -- 
¥58 ¥45 


市 场 价 ; 127 市 场 价 ! 98 
© 229 天 144 叶 36 委 31 种 © 2426 天 14 时 36931 秒 


图 8-12 团购 列表 


2. 团 购 详情 


团购 列表 选择 团购 进入 团购 详情 ， 如 图 所 8-13 示 。 


日 il 向 | 二 戌 的 必 居于 


人 GT 演 @ 天 津 ngmtml 
打 秆 生活 妇 反 一 位 化 平台 


当前 位 诗 ; 本 地 生 舌 > 团 身 


地 地 向 户 | 本 地 同 购 


阿 香 米 线 (水 游 城 店 ) pa 
【3 店 通 用 】 仅 售 45 元 ! 原价 88 元 的 阿 香 米 线 店 双人 套餐 ( 锻 色 = 

过 桥 米 线 + 甸 龟 麻辣 米线 + 骨肉 相连 2 份 + 豆 腐 皮 + 老 醋 花 生 + 饮 料 

2 北京 、 天 津 、 深 圳 、 上 海 、 宁 波 、 合 肥 同 步 奉 上 ~ 阿 香 真 


【3 店 通 用 ] 保 告 45 元 ! 著作 33 元 的 阿 音 
45. 00 525-00 


保 告 19 元, 作 信 i100 元 鱼 柄 此 宇 血 ! 全 市 23 
79. 00 #400-0% 


2420 天 1 和 4 小 时 27 分 26 秒 


本 两 中 已 袖 团 由 30 件 


图 8-13 团购 详情 


Lo 


.团购 选择 数量 


团购 详情 点 击 “ 购 买 ”按钮 进入 选择 团购 数量 ， 如 图 所 示 。 


日 ln 窜 户 党 | 去 珊 9 尼 区 


本 地 商户 | 本 地 画 购 


€ 2 本 地 生 ; 无 @ 天 津 Dt 市 切 措 ] 输入 关 妨 字 查 杭 在 本 地 节 
打 笨 生活 媒 系 一 健 亿 导 名 


当前 簿 置 : 本 地 生活 > 团购 


购买 识 般 3 步 ! 
2 选择 支付 方式 


[3 读 通 用 ] 识 告 45 元: 原 儿 8s 元 的 阿 知 米 线 庄 

双人 喜人 盘 〈 旅 洪 过 棚 半 浇 + 洪 典 译 种 半 妓 1 全 内 
| 搜 直 z 芥 + 三 调频 + 证 醒 花 十 + 葬 权 2 怀 )。 北 京 ， E El + 
| 无 县 , 穴 串 、 上 海 , 宁 频 ,合肥 同步 每 上 - 阿 理 

自理! 


应 付 总 覆 : 革 45- 00 


NRT 


8-14 团购 选择 数量 


4. 团 购 支 付 


选择 团购 数量 点 击 “ 提 交 订单 ”按钮 ， 会 生成 订单 ， 会 员 支 付 购买 ， 如 图 8-15 所 示 。 


口 手机 容 P 庙 | 全 汽 的 收 茂 


GG 本 地 生 ; ;元 @ 大 津 patti 输入 关键 宇 查 拱 在 本 地 的 团购 
打 进 生活 内 所 一 保 化 平台 


当前 位 置 : 本 抽 生 活 > 团购 


购买 仅 天 3 步 
1 提交 订单 


项 目 名 称 : 【3 店 通 用 ] 公车 45 元 ! 原价 98 元 的 B 林 香 米 线 店 双 小 套餐 ( 护 掺 过 村 米线: 摊 担 麻 溢 米 绪 + 骨肉 扯 主 2 份 { 豆 诬 皮 + 浇 栈 花生 + 从 
料 2 坏 ) 。 北京 、 天 津 、 军 川 、 上 海 、 宁 泪 、 会 肥 同 步 替 上门 香 真知 ! 

商品 当量 : 1 

您 的 手机 : 团购 网 功 后 ， 客 码 将 发 闫 到 手机 : 13820396154， 备 码 去 疝 家 消 咒 。 


应 付 总 额 : ¥45.00 


@ 余额 : 0. 00 使 用 余额 支付 民 . 00 (充值 ) 
支付 密码 : 您 需要 设置 一 个 支付 密码 : 点 击 设置 
〇 使 用 其 他 去 付 方式 


确认 支付 


8-15 团购 支付 


8.5 ”优惠 券 模 块 设计 


8.5.1 ”模块 构成 


优惠 券 是 02O 平 台 商 家 进行 促销 的 一 种 主要 且 有 效 的 手段 ， 网 站 用 户 可 以 将 优惠 券 打 印 或 下 载 到 自己 的 手机 上 ， 之 后 到 商户 那里 使 用 享受 一 定 的 优惠 折扣 。 在 O2O 平 台 的 开发 中 对 于 这 个 部 分 主要 分 为 
3 个 子 模块 : 商户 后 台 的 优惠 券 管理 、 平 台 后台 的 优惠 券 管理 和 优惠 券 前 台 展示 


(1) 商户 后 台 的 优惠 券 管理 


商户 可 以 在 此 子 模块 中 添加 和 编辑 优惠 券 ， 查 看 已 添加 优惠 券 的 信息 ， 可 以 删除 优惠 券 ， 此 外 列表 界面 还 具备 一 个 检索 功能 。 


(2) 平台 后 台 的 优惠 券 管理 


O20 平台 管理 人 员 可 以 在 后 台 查 看 所 有 商品 的 优惠 券 信息 ， 进 行 审核 、 删 除 和 首页 推荐 等 操作 ， 此 外 还 可 以 查看 优惠 券 的 下 载 记录 ，。 


(3) 优惠 券 前 台 展示 


该 子 模块 主要 用 来 在 网 站 前 台 向 用 户 展示 优惠 券 的 详情 信息 并 提供 打印 和 下 载 到 用 户 手 机 的 功能 ， 同 时 页 面 上 还 展现 了 所 属 店铺 的 一 些 基本 信息 。 如 图 8-16 所 示 。 


优惠 券 模块 


图 8-16 ”优惠 券 模块 的 组 成 


8.5 ”优惠 券 模 块 设计 


8.5.1 模块 构成 


优惠 券 是 O2O 平 台 商 家 进行 促销 的 一 种 主要 且 有 效 的 手段 ， 网 站 用 户 可 以 将 优惠 券 打 印 或 下 载 到 自己 的 手机 上 ， 之 后 到 商户 那里 使 用 享受 一 定 的 优惠 折扣 。 在 O2O 平 台 的 开发 中 对 于 这 个 部 分 主要 分 为 


3 个 子 模块 : 商户 后 台 的 优惠 券 管理 、 平 台 后 台 的 优惠 券 管理 和 优惠 券 前 台 展 示 。 


(1) 商户 后 台 的 优惠 券 管理 


商户 可 以 在 此 子 模块 中 添加 和 编辑 优惠 券 ， 查 看 已 添加 优惠 券 的 信息 ， 可 以 删除 优惠 券 ， 此 外 列表 界面 还 具备 一 个 检索 功能 。 


(2) 平台 后 台 的 优惠 券 管理 


O20 平台 管 理 人 员 可 以 在 后 台 查 看 所 有 商品 的 优惠 券 信息 ， 进 行 审核 、 删 除 和 首页 推荐 等 操作 ， 此 外 还 可 以 查看 优惠 券 的 下 载 记录 ，。 


(3) 优惠 券 前 台 展 示 


该 子 模块 主要 用 来 在 网 站 前 台 向 用 户 展示 优惠 券 的 详情 信息 并 提供 打印 和 下 载 到 用 户 手 机 的 功能 ， 同 时 页 面 上 还 展现 了 所 属 店铺 的 一 些 基本 信息 。 如 图 8-16 所 示 。 


优惠 券 模块 


优惠 券 前 台 展 示 


图 8-16 ”优惠 券 模 块 的 组 成 


8.5.2 ”设计 思路 


1. 优 惠 券 数 据 表 设计 思路 


[ 


优惠 券 模块 一 共 需 要 建立 2 张 数 据 表 ， 一 张 是 优惠 券 信息 主 表 ， 另 一 张 是 优惠 券 下 载 记录 表 。 优 惠 券 信息 主 表 中 主要 记录 优惠 券 名 称 、 
名 称 、 下 载 时 间 、 下 载 方式 等 信息 。 其 中 优惠 券 ID 要 设 为 主键 ， 方 便 连 表 时 提高 数据 库 的 执行 效率 。 


为 了 方便 连 表 查 询 一 些 诸如 会 员 、 店 铺 等 相关 信息 ， 这 两 个 表 中 还 要 存储 一 下 会 员 或 店铺 的 ID， 这 也 是 为 了 提高 数据 库 的 执行 效率 。 


2. 优 惠 券 模 块 流程 设计 思路 


片 、 起 止 时 间 、 短 信 内 容 等 ， 下 载 记录 表 中 主要 记录 下 载 优惠 券 


O20 平 台 的 优惠 券 模块 的 整体 设计 思路 是 商家 先 在 后 台 发 布 新 的 优惠 券 信 息 ， 包 括 填 写 优惠 券 的 名 称 、 使 用 有 效 期 、 上 传 一 张 优惠 券 的 图 片 以 及 编辑 优惠 券 的 详情 和 短信 内 容 ， 当 商家 保存 后 则 该 新 添 


作 。 


优惠 券 进入 了 待 审核 状态 ， 此 时 需要 O2O 网 站 管理 员 在 平台 后 台 进 行 优惠 券 内容 审 核 ， 只 有 审核 通过 的 优惠 券 才 能 在 网 站 前 台 显 示 从 而 被 用 户 看 到 ， 此 时 商家 还 可 以 对 所 添加 的 优惠 券 进行 编辑 和 删除 操 


平台 管理 员 在 后 台 查 看 到 该 商家 所 新 添加 的 这 条 优惠 券 信息 后 进行 审核 ， 此 外 还 可 以 将 某 个 优惠 券 推 荐 到 网 站 首页 上 进行 展示 。 如 果 审 核 不 通过 ， 则 该 优惠 券 无 法 在 前 台 进 行 展示 。 


前后 到 店 消费 时 出 示 即 可 。 选 择 获取 短信 的 用 户 则 可 以 填写 自己 的 手机 号 ,然后 点 击 “ 发 送 ” 按 钮 得 到 一 个 优惠 券 短信 ， 之 后 可 以 赁 此 短信 到 | 店 消费 享受 优惠 。 无 论 
统 都 会 进行 记录 ，O20O 的 平台 管理 员 可 以 在 平台 后 台 看 到 这 些 记录 。 如 图 8-17 所 示 。 


3. 优 惠 券 页 面 设计 思路 


网 站 前 台 优 惠 券 的 展示 页 面 需要 包括 如 下 几 个 部 分 。 


使 


户 在 网 站 前 台 选 择 自己 喜欢 的 优惠 券 后 ， 可 以 选择 直接 打印 或 者 是 下 载 短 信 到 手机 上 这 两 种 方式 。 直 接 打印 优惠 券 会 通过 与 计算 机 相连 的 打印 机 一 次 性 将 4 张 优惠 券 打印 到 一 张 A4 纸 上 ， 用 户 自己 裁 


哪 种 方式 进行 优惠 券 下 载 ， 系 


商家 新 建 优惠 券 平台 可 以 和 


其 推荐 到 首页 


用 户 可 以 选择 打印 和 短 


平台 审核 盖 通过 -| 可 以 在 网 站 进行 展示 


言 2 种 方式 下 载 优惠 券 


不 通过 用 户 持 优惠 券 到 线 
下 实体 店 使 用 


无 法 在 网 站 进行 展示 


二 |- 
了 
~ 
各 

区 | 


8-17 优惠 券 模块 流程 图 


(1) 商家 基本 信息 
此 部 分 的 展示 主要 包括 一 个 商家 LOGO 图 片 、 商 家 名 称 、 店 铺 评分 、 人 均 消费 、 店 铺 地 址 和 联系 电话 等 ， 放 在 了 详情 页 面 项 部 的 位 置 上 。 


(2) 优惠 券 基 本 信息 


此 部 分 的 展示 主要 包括 优惠 券 标题 、 优 惠 券 图 片 、 浏 览 和 下 载 次 数 、 截 止 日 期 的 倒计时 显示 和 打印 、 下 载 优惠 券 的 按钮 。 


(3) 优惠 券 详情 
此 部 分 主要 展示 出 了 商家 在 后 台 多 媒体 编辑 器 中 编辑 的 优惠 详细 图 文 。 此 外 该 页 面 还 可 以 加 上 推荐 优惠 券 展 示 区 ， 可 以 放 在 右边 侧 栏 上 。 


优惠 券 详情 页 面 如 图 8-18 所 示 。 


大 渔 铁 板 烧 


下 备 评 价 各 加 局 加 加 4 分 | 人 为 x136.00 
让 键 介绍 :大 次 铁 板 烧 的 地 道 不 仅 来 白 于 各 给 剖 口 感 的 美妙 依 轮 ， 面 且 来 白 于 绍 首 ， 质 艺 精湛 的 料理 岳 、 连 哇 娴 数 的 动作 、 沉 徊 有 序 的 料 


丙 链 地 址 :虹桥 区 大 证 路 12-24 号 水 游 城 购物 中 心 3 煤 ( 近 西北 角 地 铁 站 ) 


全 已 有 254 人 浏览 
+ 已 有 0 人 下 载 
四 2442 天 ?小 时 15 分 22 秒 后 截止 下 载 


= Bg ee: de 
铁 板 米 7z 即 打 ! 免费 下 载 短信 


优惠 详情 : 
有 效 期 至 2020-12-30 00:12 


仅 售 69 元 , 价 信 100 元 大 洽 铁 板 烧 ! 
任 木 地 生活 兰 即 可 在 十 渔 鲸 板 襄 受 伍 韦 用 黎 ， (原价 100 元 . 木 地 生 话 69 元 ) 。 


【 温 世 提 示 ]】 > 
册 及 MERRY 


* CHBRISTMAS 


1. 店家 从 2014 年 2 月 5 日 开始 接待 本 址 生活 月 户 ， 有 效 期 至 2020 年 12 月 30 日 ， 无 需 预 约 ， 请 您 合理 安排 月 本 时 间 . : 0 
2. 名 分 店 营业 时 间 吃 有 区 别 ， 具 体 请 参 限 各 店 营业 时 间 。 -。 > 他 I 


8-18 优惠 券 详情 页 面 


8.5.3 ”代码 实现 


1. 优 惠 券 增 改 的 代码 实现 


如 代码 清单 8-12 所 示 ， 主 要 是 实现 了 优惠 券 的 增加 、 修 改 和 删除 等 操作 。 


代码 清单 8-12 ”团购 详情 


// 新 增 一 个 优惠 券 

public function add couponOp(){ 
if(isset($ POST) && !empty($ POST)){ 
$uploadArr = $this->upload pic('coupon pic'); 


if($uploadArr['state'] == false){ 

Sthis->showTip ($uploadArr['name']); 

于 

// 表 单 验证 

S$obj_validate = new Validate(); 

$obj validate->validateparam = array( array ("input"=>trim($ POST['coupon name']),"require"=>"true", "message"=>Language 

: :get ('nc member store coupon name is not null')), 

array ("input"=>trim($ POST['coupon start time']),"require"=>"true", "message"=> Language::get('nc member store coupon start is not null')), 

array ("input"=>trim($_POST['coupon end time']),"require"=>"true", "message"=> Language::get ('nc member store coupon end is not null')) 


); 
Serror = $obj validate->validate(); 
if ($error != "''){ 

$this->showTip (Language: :get ('error') .$error, '', 'html', 'error'); 
F 
$storeArr = $this->getStoreInfo($ SESSION['store id']); 


Sparams = array() 7 
$params['coupon name'] = trim($ POST['coupon name']) 7 
$params['coupon pic'] = SuploadArr['name']; 
$params[ 'coupon start time']= strtotime (trim($ POST['coupon start time'])); $params['coupon end time'] = strtotime (trim ($_POST[ 'coupon end time']) 


Sparams ['short message'] = trim($ POST['short message']); 
Sparams ['store id'] = $storeArr['store id']; 


$params['store name'] = $storeArr['store name']; 
S$params['city id'] = $this->store['city id']; 
$coupon model = Model ('coupon'); 
$result = $coupon model->save ($params); 


if ($result){ 

$this->showTip (Language: :get ('nc_ member store coupon name save succ'),'index.php?act=storecoupon', 'succ'); 
J}else{ 

$this->showTip (Language: :get ( 'nc_member store coupon name save fail'),'', 'html','error'); 
} 


1 
Tpl: :showpage ('storecoupon.add');} 
// 删 除 优惠 券 
public function del couponOp(){ 
$model = Model (); 
$coupon = $model->table('coupon')->where (array(' 


coupon id'=>intval ($ GET['coupon id'])))->find(); 
// 优 惠 券 不 存在 
if (empty ($coupon)){ 
$this->showTip(L( 'nc_member store coupon is not exists'),'','html','error'); 
t 
if($coupon['store id'] != $ SESSION['store id']){ 
$this->showTip(L('nc member store coupon not consistent'),'','html', 'error'); } 
$result = $model->table ('coupon'™) ->where (array (' 
coupon id'=>intval($ GET['coupon id'])))->delete(); 
~ if($result){ 
$this->showTip(L( 'nc_member store coupon name del succ'),'index.php?act=storecoupon','succ'); 
}elsef 
$this->showTip(L('nc member store coupon name del fail' Vey eenortyy 


: 


优惠 券 的 添加 和 删除 操作 代码 类 似 ， 故 只 列 出 了 添加 操作 的 代码 ， 优 惠 券 名 称 和 起 止 时 间 字 段 是 必须 要 添加 的 。 删 除 优惠 券 的 时 候 需要 注意 检查 当前 操作 账号 是 否 为 该 优惠 券 所 属 商 户 账号 ， 如 不 是 则 


言 王 。 


2. 优 惠 券 展 示 的 代码 实现 


网 站 前 台 优 惠 券 的 展示 需要 后 台 服 务 器 调用 多 个 与 该 优惠 券 相 关 的 信息 ， 如 优惠 券 基 本 信息 、 相 关 优 惠 券 列表 信息 、 优 惠 券 所 属 店铺 信息 等 。 


代码 清单 8-13 ”优惠 券 


// 优 惠 券 展 示 
public function detailOp(){ 
$coupon id = intval($ GET['coupon id']); 
// 优 惠 券 详情 
$coupon info = $this->couponinfo ($coupon id); / /优惠 券 有 效 期 if ($coupon info['coupon end time']<time()){ 
$this->showTip(' 该 优惠 券 已 经 过 期 ','','html', 'error'); 
} 


Tpl: :output ('coupon info', $coupon info); 


$model = Model (); 
$model->table ('coupon') ->where (array ('coupon id'=>$coupon id))->setInc('view count',1); 
// 相 关 优 惠 券 
$couponlist = $model->table('coupon')->where (array(' 
city id'=>$this->city info['area id']))->order('coupon id desc')->limit (3)->select (); TP1: :output ('couponlist', $couponlist); 
”  // 优 惠 券 所 属 店 钙 信 息 | 
$field 


="store.store id,store.store name, store.pic,store.address, store.telephone, store.bus, store.1ogo store.person consume, store.description"; 
$on = "coupon.store id=store.store id"; a 
$model->table ('coupon, store') ->field ($field); $store info =$model->join('left') ->on ($on) ->where (array ('coupon id'=>$coupon id) )->find() 7 
Tpl: :output ('store info', $store info); 加 
// 计 算 评价 分 数 
$all comment = $model->field('amount score')->table( 
"comment ') ->where (array ('store id'=>$coupon info['store id']))->select (); 
$final score = 0; 
if (count ($all comment) 0)4 
if(!empty($all comment)){ 
foreach ($all comment as $val){ 
$final_ score = $val['amount score']; 


i 
. 
$final score = round($final score/count ($all comment)); } 
TP1: :output ('final score', $final score); 
Tpl: :showpage ('coupon.detail'); 


需要 注意 的 是 程序 开始 时 要 进行 优惠 券 是 否 过 期 的 判断 ， 如 果 过 期 ， 则 需要 给 出 提示 敬告 ， 另 外 由 于 优惠 券 详情 页 面 上 要 显示 一 个 平均 评价 分 数 ， 因 此 需要 从 数据 库 中 调 到 评价 记录 并 进行 平均 值 计算 
(最 终 分 数 进行 四 合 五 计算) 。 


3. 优 惠 券 下 载 的 代码 实现 


优惠 券 的 下 载 部 分 有 打印 和 手机 短信 两 种 下 载 方式 。 


代码 清单 8-14 ”优惠 券 下 载 


// 打 印 优惠 券 
public function PrintOpP (){ 
$coupon id = intval($_GET['coupon id']); 
/ / 优 是 券 天 情 
$coupon info = $this->couponinfo ($coupon id); 
if (empty ($coupon info)){ 
$this->showTip(L('nc coupon is not exists'),'','html','error'); 
} 
Tpl: :output ('coupon info', $coupon info); 
Smodel = Model() 
Sparams = array( 
member id' => isset ($_SESSION['member id'])?$ SESSION['member id']:"'', 
'member_ name' => isset($_SESSION['member name'])?$ SESSION['member name']:"" 
'coupon id' => $coupon igd, 
'coupon name' => $coupon . info['coupon name'], 
'download time' => time(), 
"download type' wy 


$model->table ('coupon download')->insert ($params, true); Tpl: 


} 
// 短 信 下 载 优惠 券 
public function sendmsgOp(){ 
// 验 证 手机 号 

if(!$this->checkphone ($_GET['phone'])){ 

$arr = array( 
'result' => 'fail', 
"msg' =>Language: :get ('offline phone format error') 
); 
echo json encode ($arr); 
exit; 


+ 

// 验 证 码 

if (!$this->checkSeccode ($ GET[' 
nchash'],$_GET['captcha'])){ 

$arr = array( 

'result' => 'fail', 

"msg' =>Language: :get ('offline captcha format error') 

); 

echo json encode ($arr); 

exit; 


| 

// 优 惠 券 详情 

$coupon id = intval($ GET['coupon id']); 

$coupon info = ~$this->couponinfo ($coupon id); 
Spost_data = array( 

"phone'" 一 > 


trim($ GET["Phone'])， 
ee => 


$coupon info['short message'] 


Ce ourl initt}s 
Curl_ setopt ($ch, CURLOPT URL,BASE SITE URL."/api/message/demo.php"); 
Cu] _setopt ($ch, CURLOPT "HEADER, dys 
curl _setopt ($ch, CURLOPT RETURNTRANSFER, 1); 
Curl setopt ($ch, CURLOPT_POST, 1); 
curl_ setopt ($ch, CURLOPT POSTFIELDS, $post_data); 
$output = curl exec ($ch); 
curl close ($ch); 
$model = Model (); 
Sparams = array( 
"member id' => isset ($ SESSION['member id'])?$ SESSION['member id']: 
'member name' => isset($ SESSION['member name'™])?$ SESSION['member name']: 
'coupon name' => $coupon info['coupon name'], 
'download time' => time () ， 上 
"download type' => 他 
) 7 
$model->table ('coupon _ download')->insert ($params); 
$model->table ('coupon')-> where (array ('coupon id'=>$coupon id) )-> setInc('download count',1); 
$arr = array( 加 人 


'coupon id' => 


'result' => 'suce's 
'msg' => Language: :get ('offline message send succ') ) 7 
echo json encode ($arr); 
exit; 
} 
// 验 证 手机 号 码 


private function checkphone ($phone){ 
if (preg match("/^13[0-9] {1}[0-9] {8}$115[0-9] {1} [0-9] {8}$118[0-9] {1} [0-9] {8}$/", $phone) ) { 
return true; 
Jelse{ 
return false; 


‘ 


$coupon _ id， 


: :Showpage ('coupon.print', 'null layout'); 


下 载 优惠 券 之 前 先 检查 优惠 券 是 否 存在 ， 不 存在 则 给 出 警告 信息 。 手 机 短信 下 载 的 方式 需要 在 程序 中 验证 用 户 输入 的 手机 号 码 是 否 是 合法 的 ， 这 个 


仍然 用 到 了 前 面 章节 提 到 的 CURL 函 数 库 。 


8.5.4 功能 体验 


1. 优 惠 券 的 商家 管理 


会 用 到 正则 表达 式 ( 详 见 代码 清单 8-14) ， 发 送 短信 


商家 可 以 在 商户 中 心 查看 到 已 添加 优惠 券 的 列表 (支持 搜索 功能 ) ， 可 以 做 新 增 编辑 和 删除 优惠 券 的 操作 。 点 击 “ 优 惠 券 名 称 ”按钮 可 以 直接 跳 转 到 优惠 券 详情 页 面 。 如 图 8-19 和 图 8-20 所 示 。 


商户 中 心 > 优惠 券 管理 


商户 名 称 有 效 期 


操作 


阿 香 米线 20 元 代金 券 ， 全 场 通用 阿 香 米 线 (水 游 城 店 ) 2014-03-14 ~ 2020-03-05 


阿 香 米 线 10 元 代金 券 ， 全 场 通用 


阿 香 米 线 ( 水 游 城 店 } 2014-03-14 ~ 2020-03-11 


58 编辑 1 删除 


阿 埋 米线 双人 套餐 一 份 阿 震 米线 (水 游 城 店 ) 2014-03-14 ~ 2020-03-12 


100 编辑 1 删除 


首页 | 上 一 页 下 一 页 | 未 页 


图 8-19 ”商户 中 心 的 优惠 券 管理 页 面 


商户 中 心 > 优惠 券 管 理 


图 8-20 ”新 增 优惠 券 的 页 面 
2. 优 惠 券 的 平台 管理 


平台 管理 员 可 以 在 O02O 网 站 的 后 台 进 行 全 部 商家 优惠 券 的 统一 管理 ， 包 括 进行 审核 、 推 荐 和 删除 等 操作 (支持 批量 操作 ) 。 优 惠 券 列表 支持 按 优惠 券 名 称 和 审核 状态 的 搜索 操作 ， 列 表 中 显示 了 优惠 券 
名 称 、 有 效 期 、 商 铺 名 称 、 下 载 次 数 等 信息 。 此 外 平台 管理 员 还 可 以 看 到 优惠 券 的 下 载 记 录 表 (支持 按 优惠 券 名 称 的 搜索 操作 ) 。 如 图 8-21 和 图 8-22 所 示 。 


操作 
2014-03-14~2020-03-05 昌 导 | 机 维 


2014-03-14~2020-03-11 


2014-03-14~2020-03-12 审核 | 出 纵 


2014-02-05~2020"12-30 证 械 | 到 只 
2014-03-01~2014-05-31 审核 | 出 涂 
2014-03-01-2014-05-31 市 塘 | 出 让 
2014-02-05~2020-12-30 审核 | 到 只 
2014-02-05~2020-12-30 审 杰 | 出 维 


2014-02-15~2020-12-30 COSTA COFFE EM 审核 | 出 涂 


大 网 关 一 到 量 本 放 齐 准 


2014-02-05~2020-12-30 Vista 脸 域 市 核 | 到 六 


| 审核 不 通过 首页 “上 一 页 下 -页 来 页 


图 8-21 平台 后 台 的 优惠 券 管理 页 面 


8-22 平台 后 台 的 优惠 券 下 载 记录 页 面 


3. 优 惠 券 的 下 载 操 作 


用 户 可 以 在 优惠 券 的 详情 页 面 上 进行 优惠 券 的 下 载 操作 ， 优 惠 券 的 详情 页 面 上 会 出 现 “ 立 即 打印 ”和 “免费 下 载 短信 ”这 两 个 按钮 ， 用 户 可 以 根据 自己 的 需要 自行 选择 下 载 方式 。 


1) 选择 打印 的 方式 ， 系 统 会 显示 出 优惠 券 打 印 预览 页 面 (4 张 优惠 券 打 印 在 1 张 A4 纸 上 ) ， 如 图 8-23 所 示 。 


co 沿 虑 线 劳 裁 本 券 Oo 沿 虐 线 劳 裁 本 券 


图 8-23 ”优惠 券 打 印 预览 页 面 


2) 选择 短信 下 载 的 方式 ， 系 统 会 显示 短信 内 容 并 要 求 用 户 填写 自己 的 手机 号 码 和 验证 码 。 如 图 8-24 所 示 。 


短信 优惠 券 下 载 


您 将 收 到 如 下 短信 : 


| 阿 香 米 线 10 元 代金 券 ， 本 地 生活 优惠 券 #215816; 赁 此 短信 [ 阿 香 过 桥 米 线 ]20 元 优惠 
， 券 仅 售 13.9 元 ， 限 当 次 到 店 就 餐 客 人 获 赠 ， 持 券 就 餐 客人 不 再 赠 券 ， 赠 券 限 下 次 使 


用 ，3-1 至 3-31 有 效 。 详 询 商 家 


请 准确 填写 手机 号 码 。 


图 8-24 ”优惠 券 短信 下 载 页 面 


8.6 ”结算 模块 设计 


8.6.1 ”模块 构成 


结算 管理 在 O2O 网 站 平台 的 运营 过 程 中 具有 极其 重要 的 地 位 ， 它 直接 影响 平台 商家 的 收入 ， 平 台 高 效 的 结算 管理 能 增强 商家 对 O2O 网 站 的 信任 感 ， 使 其 可 以 与 平台 建立 长 期 良好 的 合作 关系 。 


如 图 8-25 所 示 ，O2O 网 站 的 结算 管理 包括 两 个 主要 的 子 模块 。 


图 8-25 ”结算 管理 模块 的 组 成 


1) 平台 后 台 的 结算 管理 模块 : 平台 管理 员 可 以 在 这 里 生成 新 的 结算 单 并 统一 管理 全 平台 的 结算 单 ， 包 括 审核 和 付款 等 操作 ， 此 外 还 可 以 查看 某 个 结算 单 的 明细 。 
2) 商家 后 台 的 结算 管理 模块 : 商家 可 以 在 这 里 查看 自己 店铺 已 出 账 的 结算 单 并 进行 确认 或 收 款 等 相关 操作 。 


如 图 所 示 。 


8.6 ”结算 模块 设计 


8.6.1 ”模块 构成 


结算 管理 在 O2O 网 站 平台 的 运营 过 程 中 具有 极其 重要 的 地 位 ， 它 直接 影响 平台 商家 的 收入 ， 平 台 高 效 的 结算 管理 能 增强 商家 对 O2O 网 站 的 信任 感 ， 使 其 可 以 与 平台 建立 长 期 良好 的 合作 关系 。 


如 图 8-25 所 示 ，O2O 网 站 的 结算 管理 包括 两 个 主要 的 子 模块 。 


算 管理 模块 


图 8-25 ”结算 管理 模块 的 组 成 


1) 平台 后 台 的 结算 管理 模块 : 平台 管理 员 可 以 在 这 里 生成 新 的 结算 单 并 统一 管理 全 平台 的 结算 单 ， 包 括 审核 和 付款 等 操作 ， 此 外 还 可 以 查看 某 个 结算 单 的 明细 。 


2) 商家 后 台 的 结算 管理 模块 : 商家 可 以 在 这 里 查看 自己 店铺 已 出 账 的 结算 单 并 进行 确认 或 收 款 等 相关 操作 。 


如 图 所 示 。 


8.6.2 ”设计 思路 


1. 结 算数 据 表 设 计 思路 


结算 数据 表 中 需要 存储 结算 单 号 、 店 铺 ID、 上 店铺 名 称 、 起 始 结算 时 间 、 结 束 结算 时 间 、 总 金额 、 最 终 支付 金额 、 结 算 状 态 和 结算 日 期 等 字段 。 其 中 结算 单 的 起 止 时 间 还 用 来 调 取 某 个 结算 单 对 应 的 订单 
明细 列表 。 存 储 店铺 名 称 的 意义 在 于 当 列 表 中 只 要 显示 结算 单 所 属 店铺 名 称 时 可 以 避免 连 表 查 询 带 来 的 额外 数据 库 性 能 开销 。 


2. 结 算 流 程 设计 思路 


结算 单 共有 5 个 状态 : 已 出 账 、 已 审核 、 已 确认 、 已 支付 、 已 完成 。 


每 个 结算 单 都 是 一 个 商户 在 一 段 时 间 内 的 订单 结算 ， 是 由 平台 管理 员 生成 的 。 具 体 流程 是 管理 员 生成 结算 单 ， 此 时 结算 单 状态 为 已 出 账 ， 管 理 员 进行 结算 单 审核 ， 如 果 审 核 通 过 则 结算 单 状态 修改 为 已 
审核 ， 商 家 查看 平台 已 审核 的 结算 单 并 进行 确认 ， 此 时 结算 单 状 态 为 已 确认 ， 平 台 对 已 经 过 商家 确认 的 结算 单 进行 款项 支付 ， 此 时 结算 单 状 态 变 为 已 支付 ， 商 家 最 终 确认 收 到 该 结算 单 款项 后 ， 结 算 单 状态 
修改 为 已 完成 。 如 图 8-26 所 示 。 


由 于 结算 流程 涉及 资金 流转 ， 因 此 设计 流程 步骤 时 需要 格外 严谨 。 上 面 这 个 总 体 流程 是 由 平台 管理 员 和 商家 交叉 完成 的 ， 很 多 步骤 需要 审核 确认 等 操作 ， 基 本 上 避免 了 流程 漏洞 ， 较 为 安全 可 靠 。 


生成 结算 单 | 、 审核 结算 单 确认 结算 单 支付 结算 款 确认 收 款 


(村 人 (商家 ) (平台 ) (商家 ) 


8-26 ”结算 流程 图 


3 .平台 结算 管理 设计 思路 


O20O 网 站 平台 后 台 的 结算 管理 涉及 多 个 结算 方面 的 功能 ， 包 括 结算 单 的 生成 、 审 核 、 款 项 支付 、 查 看 结算 单 明细 表 等 。 


平台 后 台 的 结算 管理 页 面 为 已 生成 的 结算 单 的 列表 页 面 ， 显 示 结算 单 号、 商铺 名 称 、 起 始 日 期 、 结 束 日 期 、 订 单 金额 、 结 算 金 额 、 结 算 时 间 、 结 算 状 态 等 信息 ， 管 理 员 可 以 进行 审核 或 支付 款项 的 操 
作 ， 该 结算 单列 表 具 有 根据 商铺 名 称 或 结算 状态 进行 搜索 的 功能 。 生 成 结算 单 的 操作 为 点 击 一 个 “开始 结算 ”按钮 ， 之 后 后 台 会 将 消费 时 间 截 至 昨天 的 未 结算 订单 进行 批量 结算 并 生成 结算 单 。 每 个 生成 的 
结算 单 可 以 点 击 “明细 ”查看 该 结算 单 的 订单 列表 ， 结 算 单 明细 页 面 上 会 显示 订单 编号 、 用 户 名 称 、 团 购 名 称 、 下 单 时 间 、 消 费时 间 、 数 量 、 金 额 等 。 


8.6.3 代码 实现 


1. 生 成 结算 单 的 代码 实现 


管理 员 在 平台 后 台 的 结算 管理 点 击 “ 开 始 结算 ”按钮 后 ， 页 面 通过 Ajax 的 方式 请 求 服务 器 脚本 统计 并 生成 结算 单 ， 一 切 都 是 异步 完成 的 。 


代码 清单 8-15 ”订单 结算 单 


// 生 成 结算 单 
public function ajax settleOp(){ 
Smodel = Model (); 
$data array = array(); 
$setting info = $model->table('setting')->where (array ( 
'name'=>'last_ settle'))->fingd(); 
Stoday date = strtotime (date('Y-m-d',time())); 
if(intval ($setting info['value']) > 0){ 


$condition = 'order.state=3 and order.use time>='.$setting info['value'].' and order.use time < '.$today date; 
}else{ 
$condition = 'order.state=3 and Order.use time < '.$today date; 


} 
S$order = $model->field('order.store id,order.store name,order.price,order.use time,groupbuy.settle')->table('order,groupbuy')->join('left join')->on 

('order.item id=groupbuy.group id')->where ($condition)->limit ('')->select(); 
if(!empty (Sorder)) { 
foreach ($order as $val){ 

$data array[$val['store id']] = array( 

'store id'=>S$val['store id'], 
'store name'=>$val['store name'], 


'all price'=>$data array[$val ["store_ id"] ] ['all price']+$val ['price'], 'gdate start'=>$data array[$vall['store id']]['date start']==''?$val 
val['use time'] :$data array [Sval[ store id']]['date start']), 
'date end'=>$data array[$val['store id']] ['date end']=="'?$val['use time']: ($val[l'use time']>$data array[$val['store id']]['date start']? 
$val['use time'] :$data array [$val[! store id 门 ] ["date start']), 加 加 
!pay'=>$data array[$vall'store id']]['pay']+$val['settle']>0?($val['all price']* ($val['settle']/100)):$val[l'all price'] 


); 
于 
$insert array = array(); 
foreach ($data array as $da){ 
$insert array[] = array( 
'settle sn'=>date ('YmdHis'.$da[l'store id'],time()), 
'store id'=>$da['store id'], 
'store name'=>$da['store name'], 
'date start'=>$da['date start'], 
'date end'=>$da['date end'], 
'amount'=>$da['all price'], 
"final pay'=>$da['pay’'], 
'state'=>1, 
'settle time'=>time() 
); 
Srs = $model->table('settle')->insertAll ($insert array); 


if($rs){ 

// 更 新 最 后 结算 日 期 
$model->table ('setting')->where (array ('name'=>']last settle'))-> update (array ('value'=>$today date)); 
echo json encode (array ('done'=>true));die; 
}elsef{ 


echo json_encode (array ('done'=>false, 'msg'=>' 订 单 结算 失败 ') ) ;die; 

} 

下 

J}else{ 

echo json_encode (array ('done'=>false, 'msg'=>' 当 前 没有 要 结算 的 订单 ') ) ;die; 
. 


程序 流程 为 先 从 设置 表 中 调 取 上 次 结算 结束 日 期 ， 之 后 调 取 从 这 个 日 期 开始 到 昨天 未 结算 订单 的 信息 ， 调 取 到 的 订单 信息 按 店铺 进行 分 离 分 别 进行 统计 并 生成 每 个 店铺 的 结算 单 ， 最 后 还 要 更 新 系统 设 
置 表 中 的 结算 结束 日 期 。 


结算 单 明细 的 代码 实现 
结算 单 的 明细 页 面 调 取 的 是 该 结算 单 统计 的 订单 信息 列表 ， 具 体 调用 时 的 数据 库 SQL 条 件 为 已 经 结算 的 并 且 属 于 这 个 店铺 的 ， 消 费时 间 在 结算 单 的 结算 起 止 时 间 之 内 的 订单 数据 。 


代码 清单 8-16 ”结算 单 明细 


// 结 算 单 明细 
Public function settle detailOp() 
$settle id = intval($ ont settle id'])7 
if ($settle id <= 0){ 
$this->showTip (' 参 数 错误 ','', 'error'); 
} 
$model = Model (); 
$settle info = $model->table('settle')->where (array(' 
settle id'=>$settle id))->find(); 
if (empty ($settle info) ){ 
$this->showTip(' 未 找到 该 结算 单 信息 ','', 'error'); 
} 
$condition = 'state = 3 and oresid = '.$settle info['store id'].' and use time >= '.$settle info['date start'].' and use time <= '.$settle info['date end']; 
S$order list = $model->table('order')->where ($condition)->page (15)-> order('use time desc')->select (); 
Tpl: :output (' settle info' $settle : ie) 加 
TP1: :output ('order Tist', Sorqder - Tist); 
TP1: :output (' show ' page', $model- >showpage (2) ); 
Tpl::showpage('settle.detail'); 


8.6.4 功能 体验 


1 平台 结算 单 管 理 


平台 结算 管理 包含 结算 单 管理 和 查看 结算 单 明细 两 个 部 分 ， 其 中 结算 单 管理 界面 可 以 进行 结算 单 的 生成 、 审 核 等 操作 ， 结 算 单列 表 支 持 按 商铺 名 称 和 结算 状态 的 查询 。 结 算 单 明细 页 面 会 显示 出 该 结算 
站 统计 的 所 有 订单 信息 ， 方 便 对 账 。 如 图 8-27 所 示 。 


性 


结算 日 期 结算 状态 操作 


2014040916475213 2014.04-09 16:47.52 已 出 账 审核 明 妇 


2014040415201413 2014-04-04 15:2014 已 出 巍 审核 明细 


si 上 -页 国庆 符 


图 8-27 平台 结算 单 管理 页 面 


结算 管理 | 管理 
商户 名 称 : 兰州 拉面 结算 期 : 2014-04-03 至 2014-04-03 订单 各 额 : 174.00 元 结 竹 会 锋 : 8.70 元 
列表 


下 单 时 间 
2014-04-03 16.38:39 


2014-04.01 1525:17 


i 上 -页 国 -天 标 


图 8-28 ”结算 单 明 细 页 面 


2. 商 户 结算 单 管理 


商户 结算 单 管理 功能 可 以 查看 所 有 本 店铺 已 出 账 的 结算 单 信息 ， 支 持 按 状 态 进行 的 过 滤 查 看 操作 ， 可 以 进行 结算 单 的 确认 和 收 款 这 两 个 操作 ， 如 图 8-29 所 示 。 


商户 中 心 > 结算 


结算 日 期 结算 状态 操作 


已 出 账 , 等 
2014-04-04 14.08:14 已 出 账 待 平台 审核 


上 -页 加 FT- 责 | 坟 丈 


图 8-29 商户 结算 单 管理 页 面 


8.7 本章 小 结 


本 章 对 O2O 这 一 电 商 模式 进行 了 深入 的 探讨 ， 对 于 O2O 平 台 网 站 的 重要 模块 线 下 商户 、 团 购 、 优 惠 券 、 结 算 等 进行 了 详细 的 实战 开发 讲解 ， 特 别 是 结算 模块 因为 是 和 商家 收入 款项 有 直接 的 关系 ， 因 此 
对 于 结算 流程 开发 时 要 格外 地 严谨 ， 避 免 给 网 站 带 来 不 必要 的 麻烦 。 希 望 读 者 能 在 看 完 本 章 内 容 后 可 以 对 O2O 这 一 商业 模式 有 一 个 系统 的 了 解 ， 能 对 今后 的 开发 有 所 帮助 。 


第 9 章 ” 电 商 平台 界面 设计 与 用 户 体验 


9.1 网 页 设计 的 那些 事 儿 


当 我 们 准备 定义 网 页 设计 在 开发 过 程 中 有 着 怎么 样 的 作用 时 ， 我 们 首先 要 确定 一 个 问题 : 什么 是 设计 ? 


“所 谓 设计 ， 就 是 通过 创造 与 交流 来 认识 我 们 生活 在 其 中 的 世界 。” 


一 一 原 研 哉 


[ 


创造 、 交 流 、 认 识 ， 设 计 就 是 为 了 认识 而 存在 的 ， 而 创造 和 交流 只 是 其 手段 。 网 页 设计 就 是 通过 使 用 更 合理 的 颜色 、 字 体 、 
能 给 予 用 户 完美 的 视觉 体验 。 


片 、 样 式 以 及 特效 类 元 素 进行 页 面 美化 修饰 ， 在 功能 限定 的 情况 下 ， 尽 可 


那么 如 何在 一 个 产品 开发 团队 中 做 好 自己 的 角色 ， 与 程序 员 协 同 合作 ， 将 一 款 互联 网 产品 实现 用 户 体验 度 高 ， 代 码 合理 、 易 于 维护 、 浏 览 器 兼容 性 强 等 特性 呢 ， 这 是 所 有 网 页 设计 师 们 最 关心 、 也 最 现 
实 的 问题 。 本 章 将 谈论 一 些 网 页 设计 工作 中 总 结 的 常见 问题 和 技巧 ， 并 通过 对 B2B2C 电 商 网 站 几 个 重点 功能 页 面 分 析 与 实例 分 析 为 大 家 更 加 直观 地 讲解 。 


第 9 章 ” 电 商 平台 界面 设计 与 用 户 体验 


9.1 ”网 页 设计 的 那些 事 儿 


当 我 们 准备 定义 网 页 设计 在 开发 过 程 中 有 着 怎么 样 的 作用 时 ， 我 们 首先 要 确定 一 个 问题 : 什么 是 设计 ? 


“所 谓 设计 ， 就 是 通过 创造 与 交流 来 认识 我 们 生活 在 其 中 的 世界 。” 


一 一 原 研 起 


创造 、 交 流 、 认 识 ， 设 计 就 是 为 了 认识 而 存在 的 ， 而 创造 和 交流 只 是 其 手段 。 网 页 设计 就 是 通过 使 用 更 合理 的 颜色 、 字 体 、 图 片 、 样 式 以 及 特效 类 元 素 进行 页 面 美化 修饰 ， 在 功能 限定 的 情况 下 ， 尽 可 
能 给 予 用 户 完美 的 视觉 体验 。 


那么 如 何在 一 个 产品 开发 团队 中 做 好 自己 的 角色 ， 与 程序 员 协 同 合作 ， 将 一 款 互联 网 产品 实现 用 户 体验 度 高 ， 代 码 合理 、 易 于 维护 、 浏 览 器 兼容 性 强 等 特性 呢 ， 这 是 所 有 网 页 设计 师 们 最 关心 、 也 最 现 
实 的 问题 。 本 章 将 谈论 一 些 网 页 设计 工作 中 总 结 的 常见 问题 和 技巧 ， 并 通过 对 B2B2C 电 商 网 站 几 个 重点 功能 页 面 分 析 与 实例 分 析 为 大 家 更 加 直观 地 讲解 。 


9.1.1 视觉 设计 、 交 互 设计 、 前 端 开发 


术 业 有 专攻 ， 虽 然 都 是 从 事 互 联网 开发 工作 ， 但 如 果 严 格 来 说，“ 网 页 设计 ”这 个 名 词 似 乎 过 于 笼统 了 。 网 页 设计 又 分 为 视觉 设计 (GUID) 、 交 互 设计 (UCD) 以 及 前 端 开发 (Web Font-End 
Development) ， 如 图 9-1 所 示 。 对 于 大 型 的 互联 网 公司 ， 这 种 细 分 是 有 必要 的 ， 分 工 明确 ， 责 任 清 晰 ， 专 注 于 自己 的 领域 ， 而 小 型 企业 (一 般 20 人 以 下 ) ， 程 序 员 、 工 程 师 往往 占据 了 半壁 江山 ， 而 视觉 
设计 、 交 互 设计 和 前 端 开发 往往 就 是 “网 页 设计 ”人 员 干 的 ， 因 为 那里 不 需要 能 够 手绘 、 出 矢量 图 的 艺术 家 ， 也 不 需要 搞 什么 眼 动 仪 研究 把 用 户 研究 个 底 儿 朝天 的 ， 只 要 能 够 画 出 网 站 草图 ， 做 一 些 简单 的 
ICON 图 标 ， 熟悉 用 户 体验 的 基本 原则 ， 设 计 出 实用 的 功能 能 满足 客户 的 需求 ， 能 把 网 页 写 好 ， 在 主流 浏览 器 下 不 变形 .….. 换 句 话说 ， 就 是 你 把 网 页 按 指定 需求 写 出 来 ， 那 么 你 就 是 合格 的 网 页 设计 师 。 


=] 


这 种 企业 的 做 法 错 了 吗 ? 老板 不 尊重 我 的 职位 或 压榨 我 的 劳动 价值 了 吗 ? 如 果 永 远 纠结 于 自己 的 工作 内 容 ， 细 分 工作 范畴 ， 或 仅仅 那个 名 称 是 什么 ， 就 会 出 现 严重 的 协作 脱节 问题 。 


Eis 


图 形 视觉 设计 前 器 开 户 体验 
Graphical User Interface Web Development Centered Design 


图 9-1 网 页 设计 工作 具体 内 容 划分 


如 果 你 把 网 页 设计 作为 自己 终身 的 职业 ， 实 际 上 ， 应 具备 各 方面 的 素质 ， 从 作 图 到 切片 到 书写 HTML、CSS， 乃 至 把 自己 作为 一 位 普通 网 站 浏览 者 或 客户 ， 从 他 们 的 角度 出 发 去 分 析 需 求 。 否 则 将 永远 无 
法 突破 自己 的 瓶 巴 ， 永 远 仅仅 擅长 绘制 几 个 ICON、 一 些 PSD 原 稿 ， 或 只 能 等 着 别人 的 设计 图 来 切 成 网 页 。 如 果 你 现在 正 “ 身 兼 数 职 ”， 何 不 把 自己 就 作为 一 个 小 的 团队 来 沟通 ， 自 己 设计 的 图 形 界面 自己 最 
清楚 应 该 用 什么 合适 的 HTML 标 签 来 布局 ， 靠 什么 CSS 来 绘制 ;不 要 等 着 别人 给 的 “半成品 ”再 去 机 械 性 地 制作 ， 主 动 去 创造 并 将 其 实现 。 求 人 不 如 求 己 ， 当 对 图 形 设计 、 用 户 体验 及 前 端 代码 都 有 所 研究 并 
专长 其 一 二 时 ， 你 将 发 现 自己 的 职业 生涯 会 变 得 座 然 开朗 ， 更 多 的 机 会 将 等 待 着 你 。 


9.1.2 ”为 代码 增加 可 读 性 注释 


一 款 互联 网 产品 的 开发 过 程 中 ， 可 能 需要 很 多 人 合作 来 完成 ， 比 如 产品 经 理 、 构 架 工 程 师 、 程 序 员 、 图 形 设计 、 前 端 开 发 等 。 总 的 来 说 有 可 能 会 出 现 两 种 情况 : 一 种 是 有 明确 的 开发 计划 、 内 容 及 分 


工 ， 可 以 有 组 织 地 合作 ， 这 可 叫做 “直接 团队 合作 ”; 另 一 种 是 事先 没有 考虑 到 的 ， 由 于 种 种 原因 要 求 你 去 维护 他 人 开发 过 的 代码 系统 ， 可 称 其 “间接 团队 合作 ”， 例 如 我 们 的 ShopNC 商 城 系统 客户 定制 


及 二 次 开发 工作 。 


开发 时 首先 要 考虑 到 ， 现 在 编写 的 代码 ， 将 来 很 有 可 能 需要 别人 进行 后 期 的 维护 或 更 新 ，“ 间 接 团队 合作 ”中 常常 出 现 之 前 没有 考虑 到 的 问题 。 即 使 你 的 工作 是 持续 性 开发 ， 后 期 依旧 由 自己 来 维护 ， 


但 随 着 时 间 的 推移 ， 在 进行 了 其 他 内 容 的 代码 编写 之 后 反 过 来 重新 维护 3 个 月 前 自己 写 的 内 容 时 ， 依 旧 会 觉得 很 陌生 。 因 为 这 时 候 的 网 页 模板 已 经 布 满 了 程序 部 分 的 循环 ， 连 文字 都 被 语言 包 所 代 蔡 。 


所 以 不 管 是 为 了 让 团队 中 的 其 他 人 读 懂 你 的 模板 代码 ， 还 是 自己 能 搞 清 当初 书写 时 的 意图 ， 一 个 保证 代码 良好 可 读 性 的 最 佳 方法 就 是 “注释 ”。 


在 写 注释 代码 的 时 候 。 我 们 可 以 用 “区 域 注释 ”、 “单行 注释 ”、 “注释 层级 ”和 “协助 注释 ”四 个 部 分 。 大 部 分 朋友 使 用 的 区 域 注释 的 方法 会 以 “注释 内 容 开始 ”或 “注释 内 容 结束 ”、 


“start” 或 “end” 等, 相 比 之 下 ,以 “5” 或 “E” 开 始 更 简单 、 易 读 。 毕 竟 注 释 代 码 的 时 间 越 少 越 好 。 


加 


(1) 单行 注释 


单行 注释 的 信息 应 写 在 需 注 释 的 内 容 区 域 里 ， 如 代码 清单 9-1 所 示 。 


代码 清单 9-1 单行 注释 书写 形式 


<div> 

<!-- 注 释 内 容 --> 

http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... 
</div> 


(2) 区 域 注释 


在 实际 工作 中 ， 有 时 会 出 现 分 不 清 注释 应 该 在 标签 之 上 还 是 标签 之 下 的 情况 ， 为 了 避免 这 种 情况 ， 注 释 信 息 统一 写 在 区 域 标签 开始 之 前 和 结束 之 后 ， 并 以 “S” 或 “E” 开 始 ， 表 示 区 域 注释 的 开始 或 结 


束 ， 如 代码 清单 9-2 所 示 。 


代码 清单 9-2 单行 注释 书写 形式 


<!--S 注释 内 容 --> 
<div> http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... </div> 
<!--E 注释 内 容 --> 加 


他 


(3) 注释 层级 


在 模块 制作 中 ， 可 能 会 出 现 区 域 中 还 有 区 域 的 情况 ， 为 了 更 好 地 区 分 区 域 之 间 的 层级 ， 引 入 了 注释 层级 的 概念 。 区 域 注释 前 面 的 等 号 表示 了 当前 注释 的 层级 ， 通 过 这 样 的 办 法 ， 也 可 以 将 注释 的 层级 进 


区 分 ， 如 代码 清单 9-3 所 示 。 


代码 清单 9-3 ”注释 层级 书写 形式 


<!--1S 注释 内 容 --> 

http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... 
<!--2S 注释 内 容 --> 
http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... 
<!--3S 注释 内 容 --> 
http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... 
<!--3E 注释 内 容 --> 

http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... 
<!--2E 注释 内 容 --> 

http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... 
<!--1E 注释 内 容 --> ? 


(4) 协助 注释 


协助 注释 是 非 作 者 维护 时 所 加 入 的 表示 修改 时 间 、 修 改 人 等 标识 信息 。 在 区 域 注释 或 单行 注释 的 基础 上 加 上 修改 人 和 修改 时 间 等 信息 ， 如 代码 清单 9-4 所 示 。 


代码 清单 9-4 ”协助 注释 书写 形式 


单行 协作 注释 : 

<style type="text/css"> 

.Classf 

/* 注 释 内 容 [修改 人 和 修改 时 间 ] */ 

http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... 


: 
</style> 


<div> 

<!-- 注释 内 容 [修改 人 和 修改 时 间 ]--> 

http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... </div> 
区 域 协作 注释 : 


<style type="text/css"> 

/*S 注释 内 容 [修改 人 和 修改 时 间 ] */ 

.Class{ 

http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... 
} 

.Classt{ 

http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... 


} 
/并 注释 内 容 [修改 人 和 修改 时 间 ] */ 


</style> 
<!--S 注释 内 容 [修改 人 和 修改 时 间 ]--> 
<div> http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/... </div> 


<!--E 注释 内 容 [修改 人 和 修改 时 间 ]--> 


9.1.3 ”语义 化 的 HMTL5 标 签 使 用 


HTML5 是 用 于 取代 1999 年 所 制定 的 HTML 4.01 和 XHTML 1.0 标 准 的 HTML 标 准 版 本 ; 现在 仍 处 于 发 展 阶段 ， 但 大 部 分 浏览 器 已 经 支持 某 些 HTML 5 技术 。HTML 5 有 两 大 特点 : 首先 ， 强 化 了 Web 网 页 


的 表现 性 能 ; 其 次 ， 追 加 了 本 地 数据 库 等 Web 应 用 的 功能 。 广 义 论 及 HTML 5 时 ， 实 际 指 的 是 包括 HTML、CSS 和 JavaScript 在 内 的 一 套 技术 组 合 。 有 时 为 了 实现 丰富 的 网 络 应 用 ， 浏 览 器 不 得 依赖 众多 插件 


来 实现 ， 而 HTML 5 恰恰 是 希望 将 众多 功能 标准 化 并 集合 起 来 ， 从 而 使 用 浏览 器 减少 对 众多 插件 的 依赖 。 


未 来 ，HTML 5 能 做 的 事情 非常 多 ， 涉 及 的 方面 也 比较 广 ， 例 如 可 以 使 用 2D/3D canvas 技 术 来 完成 过 去 需要 Flash 完 成 的 一 些 效果 ， 更 好 地 岁入 多 媒体 AP| 数 据 ， 甚 至 于 请 求 |P 数 据 定位 ， 等 等 。 而 我 们 
这 里 要 谈 谈 一 些 新 的 HTML 标 签 的 加 入 以 及 合理 的 使 用 。 


最 早 接触 网 页 时 ， 也 就 是 Web 1.0 时 代 ， 我 们 都 是 使 用 table、tr、td 这 些 标签 去 做 网 页 ， 甚 至 于 可 以 不 使 用 CSS 文 件 也 能 完成 页 面 制作 ， 只 要 你 将 图 片 切 得 合理 ， 能 利用 表格 将 网 页 图 切片 聚 在 一 起 就 
好 了 ， 做 网 页 就 是 如 此 简单 。 随 着 Web 2.0 时 代 的 到 来 ， 网 页 需要 更 大 的 信息 承载 量 ， 更 快 的 载 入 速度 ， 更 符合 搜索 引擎 收录 规则 ， 这 时 DIV+CSSs 的 组 合 来 了 。 以 CSs 来 控制 网 页 中 元 素 的 样式 ， 包 括 位 
置 、 大 小 、 颜 色 等 是 其 核心 思想 ， 相 比 table， 无 须 再 为 布局 定位 而 插入 大 量 的 重复 标签 ， 使 HTML 部 分 代码 从 样式 、 结 构 混淆 的 局 面 中 摆脱 。 但 因为 CSS 的 强大 ， 我 们 就 应 该 忽视 HTML 标 签 的 重要 性 了 
么 ? 答案 当然 不 是 ， 如 果 只 考虑 最 终 的 页 面 视 觉 效果 实现 ， 通 过 无 数 并 无 实际 含义 的 标签 + 类 命名 制作 网 页 ， 等 于 又 重新 回 到 了 table 的 老路 上 。 正确 的 做 法 是 ， 先 分 析 页 面 布局 结构 ， 确 定 HTML 语 义 化 的 
标签 ， 再 选择 合适 的 CSS 实 现 最 终 浏览 效果 。 


HTML 5 引入 了 很 多 新 的 标记 元 素 ， 基 于 我 们 讨论 的 课题 ， 仅 以 片段 类 元 素 标签 为 例 ， 如 表 9-1 所 示 。 
表 9-1 HTML 5 中 新 的 片段 类 元 素 
元 素 标 签 描 述 
header 标记 头 部 区 域 的 内 容 〈 用 于 整个 页 面 或 页 面 中 的 一 块 区 域 ) 
footer 标记 足 部 区 域 的 内 容 〈 用 于 整个 页 面 或 页 面 中 的 一 块 区 域 ) 
section Web 页 面 中 的 一 块 区 域 
article 独立 的 文章 内 容 
aside 相关 内 容 或 者 引文 
nav 导航 类 辅助 内 容 


上 述 的 这 些 标签 都 可 通过 原 有 的 形式 靠 CSS 设 定 样式 。 而 HTML 5 推崇 表现 与 内 容 分 离 ， 更 注重 效率 优先 ， 更 易于 搜索 引擎 在 抓 取 和 索引 网 页 的 时 候 利用 的 页 面 元 素 。 代 码 清单 9-5 是 一 个 HTML 5 页 面 
的 概 狐 ， 其 中 使 用 了 新 的 DOCTYPE、 字 符 集 和 语义 化 元 素 。 


代码 清单 9-5 HTML 5 语义 化 标签 示例 页 


回 


<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>HTML5</title> 
<link href="style.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
<header> 
<h1> 电 子 商 务 平台 构建 与 开发 实战 </h1> 
<h2> 电 商 平台 的 构成 与 规划 </h2> 
<h4> 标 准 化 套件 </h4> 
</header> 
<div id="container"> 
<nav> 
<h3> 目 录 </h3> 
ul 
<1i><a href="javascript:void(0) 
<1i><a href="javascript:void(0) 
<1i><a href="javascript:void(0)">1. 
(0) 
(0) 


商城 </a></1i> 
圈子 </a></1i> 
CMs</a></1i> 
IM</a></1i> 
移动 端 </a></1i> 


<1i><a href="javascript:void 
<1i><a href="javascript:void 
</ul> 
</nav> 
<section> 
<article> 
<header> 
<h1> 买 卖家 分 离 模式 </h1> 
</header> 
<p> 买 卖 双方 各 有 独立 的 登录 后 台 ， 商 家 可 自行 设置 客服 账号 ， 分 工 明 确 ， 可 更 快速 高 效 的 工作 ， 使 平台 对 商家 的 结算 及 管理 更 便捷 。</p> 
<footer><a href="javascript:void(0) "> 更 多 内 容 http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/...</a> </footer> 
</article> 
<article> 
<header> 
<h1> 佣金 结算 模式 </h1> 
</header> 
<p> 平 台 可 按照 商家 入 驻 所 选 类 目 分 别 设置 各 个 供应 商 佣金 。 交 易 成 功 后， 平台 可 按照 交易 金额 和 佣金 比例 进行 抽 佣 。 实 现 平台 快速 春 利 ， 平 台 与 商家 结算 按照 月 结账 期 进行 结算 ， 保 护 平台 与 消费 者 的 利益 。</p> 
<footer><a href="javascript:void(0) "> 更 多 内 容 http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/...</a> </footer> 
</article> 
</section> 
<aside> 
<h3> 环 境 要 求 </h3> 
<p>ShopNC B2B2C 系 统 具备 跨 平 台 特 性 ， 可 运行 于 Linux/FreeBSD/Unix 及 微软 Windows 2000/2003/2008/XP/NT 等 各 种 操作 系统 环境 下 。 推 荐 使 用 Linux/FreeBSD 操 作 系 统 。</p> 
</aside> 
<footer> 
<h2> 未 完 待 续 http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/...</h2> 
</footer> 
</div> 
</body> 
</html> 


户 户 户 户 户 
ODP 


在 上 述 代码 中 使 用 了 语义 化 的 标签 ， 并 无 过 多 的 class 命 名 ， 保 持 了 良好 有 序 的 网 页 组 织 结 构 ， 代 码 的 可 读 性 高 ， 尤 其 是 有 利于 搜索 引 警 的 优化 识别 。 图 9-2 所 示 为 未 关联 CSs 时 的 页 面 。 
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买卖 家 分 离 模 式 
买卖 双方 各 有 独立 的 登录 后 台 ， 商 家 可 自行 设置 客服 账号 ， 分 工 明确 ， 更 快速 高 效 的 工作 。 使 平台 对 高 家 结算 及 管理 更 便捷 . 


De 


佣金 结算 模式 


平台 可 按照 育 家 入驻 所 选 类 目 分 别 设置 各 个 供应 商 侦 金 。 交 易 成 功 后 ， 平 台 可 按照 交易 金额 和 侯 金 比 屋 进行 抽 习 。 实 现 平 台 快 速 盈 利 ， 平 
台 与 商家 周章 按照 月 结账 期 进行 结算 ， 保 护 平台 与 消费 青 的 利益 。 


环境 要 求 


ShopNC【B2B2C]】 系 统 具 备 跨 平台 特性 ， 可 运行 于 LinmuFreeBSD/Unix 及 微软 Windows 2000/2003/2008/XP/NT 等 各 种 操作 系统 环境 下 。 推 荐 使 
用 LinmuFreeBSD 操 作 系统 。 


未 元 待 续 .… 


图 9-2 HTML 5 示例 以 页 面 去 除 样 式 后 显示 效果 


没有 样式 的 页 面 看 起 来 枯燥 、 乏 味 、 不 美观 ， 如 代码 清单 9-6 所 示 ， 与 该 页 面 对 应 的 CSS 样 式 代码 里 面 融 入 了 一 些 CSS3 新 特性 ， 比 如 圆 角 (border-radius) 、 旋 转变 换 (transform: rotate(); ) 和 阴 
影 效 果 (box-show0; ) 。CSS3 与 HTML 5 一 样 也 在 开发 完善 中 ， 并 且 为 了 便于 浏览 器 逐步 支持 ， 也 采用 了 模块 化 的 方式 发 布 了 规范 。 


代码 清单 9-6 “HTML 5 页 面 对 应 的 CSS 文 件 


Q@charset "utf-8"; 

/* CSS Document */ 

body { 
font: 14px/22px arial, "microsoft yahei"; 
background-color: #CCC; 
max-width: 980px; 
margin: 0 auto; 
border: solid 4px #FFF; 


} 

ul, 1i{ 
margin: 07 
list-style-type: none; 

E 

hl { 
font-size: 32px; 
line-height: 32px; 
margin-top: 30px; 


font-size: 18px7 
line-height: 20px; 
Color: #72F0ES5; 
text-align: center; 
margin: 0; 


font-size: 14px; 
Color: #F47D31; 
text-align: center; 
margin: 0; 


color: #FFF; 
line-height: 28px; 
background-color: #FAA933; 
text-align: center; 
padding: 0 80px; 
position: absolute; 
top: 30px; 
left: -60px; 
-webkit-box-shadow: 2px 2px 20px #1C9B8E; /*WebKit 核 心 浏览 器 识别 阴影 效果 */ 
-moz-box-shadow: 2px 2px 10px #1C9B8E;/*If Firefox*/ 
box-shadow: 2px 2px 10px #1C9B8E; 
-webkit-transform: rotate (-45deg) ; /*WebKit 核 心 浏览 器 识别 旋转 -45 度 效果 */ 
-moz-transform: rotate(-45deg);/*If Firefox*/ 
transform: rotate(-45deg); 
} 
header { 
Color: #FFF; 
background-color: #1FBBA6; 
text-align: center; 
height: 150px; 
display: block; 
position: relative; 


overflow: hidden; 


nav { 
display: block; 
width: 25%; 
float: left; 


nav a:link, nav a:visited { 
font-weight: bold; 
text-decoration: none; 
display: block; 
padding: 1l0px; 
border-bottom: solid 3px #FFF; 
margin: 5px; 

} 


nav a:hover { 


Color: #FFF; 

} 

nav h3 { 
margin: 15px; 
Color: #1FBBA6; 

} 

#container { 
background: #EAEDF4; 

} 

section { 
display: block; 
width: 50%; 
float: left; 

} 

article { 


background-color: #FFF; 
display: block; 
margin: 10px; 
padding: 10Px7 
-webkit-border-radius: 5px;/*WebKit 核 心 浏览 器 识别 圆 形 边 角 效 果 */ 
-moz-border-radius: 5px;/*IF Firefox*/ 
border-radius: Spx; 
-webkit-box-show: 2px 2px 10px #DEE3EB; 
-moz-box-show: 2px 2px 10px #DEE3EB; 
box-shadow: 2px 2px 10px #DEE3EB; 

} 

article header { 
height: auto; 
padding: Spx; 
—webkit-border-radius: Spx; 
-moz-border-radius: 5px; 
border-radius: Spx; 

} 

article footer { 
background-color: transparent; 
text-align: right; 
padding: Spx; 
-webkit-border-radius: Spx; 
-moz-border-radius: 5px; 
border-radius: Spx; 

} 

article footer a { 
padding: 4px 8px; 
border-radius: Spx; 


article hl { 
font-size: 18px; 
line-height: auto; 
margin: 0; 


aside { 
display: block; 
width: 25%; 
float: left; 
aside h3 { 


margin: 15px; 
Color: #1FBBA6; 


} 

aside p { 
margin: 15px; 
Color: #555; 
font-weight: bold; 
font-style: italic; 

} 


footer { 
clear: both; 
display: block; 
background-color: #25C8B3; 
Color: #FFF; 
text-aling: center; 
padding: 15px; 

} 

footer h2 { 
font-size: 14px; 
Color: #FFFFFF; 

} 

/* 链接 色 */ 

-i 
Color: #1FBBA6; 

a:hover { 


Color: #FFF; 
background-color: #FAA933; 
text-decoration: underline; 


示例 中 的 标签 和 样式 使 用 仅仅 为 了 突出 HTML 5 新 增 标签 以 及 CSS3 部 分 新 特效 的 表现 ， 结 构 比较 简单 ， 语 义 化 的 标签 也 远 远 不 止 上 述 内 容 ， 但 无 实体 含义 的 布局 块 ，DIV 命 名 class 依 旧 是 我 们 日 常 工 作 
中 的 常用 ， 不 过 笔者 认为 合适 的 地 方 使 用 合适 的 标签 是 提高 代码 质量 的 手段 之 一 。 图 9- 3 为 附加 样式 后 的 页 面 内 容 及 标签 说 明 。 
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i ShopNC [B2B2CJ 条 统 息 等 僚 严 


买卖 双方 各 有 独立 的 登录 后 台 ， 商 家 可 自行 设置 客服 账号 ， 分工 明 确 ， 更 入 类 插 ,JE7 于 
WE 快速 南 效 的 工作 。 使 平台 对 催 衣 结算 及 管理 更 便 建 。 Linux/FreeBSD/UnixR 人 Mm 


1.1.2 园子 Windows 2000/2003/2008/XP/NT 


<nav> 元 素 <article> 元 素 更 多 内 容 .. 入/fE 系 纹 环 壕 下 。 挫 攻 搞 用 
1.1.3 CMS 导航 菜单 独立 文章 段落 、 LinuxoFrecBSD 厌 作 素 统 


1.1.4 IM 佣金 结算 模式 AN <aside> 元 索 
相关 内 容 区 域 


平台 可 按照 商家 入 狂 所 选 类 目 分 别 设 首 各 个 供应 商 佣金 。 交 易 成 功 后 ， 平 
台 可 按照 交易 金额 和 佣金 比例 进行 捉 佣 。 实 现 平台 快速 柄 利 ， 平 台 与 商家 
结算 按照 月 结账 期 进行 结算 ， 保 护 平台 与 消费 者 的 利益 。 


1.1.4 移动 端 


CSS 圆 角 效果 
CSS 阴 影 效果 。 ”政令 内 容 .。 / border-radius 
<footer> 元 素 box-show 
底部 标记 区 域 


图 9-3 HITML 5 示例 页 面 预览 及 标签 说 明 


9.1.4 “base.css 会 减轻 你 的 工作 负担 


我 们 提出 要 尽量 使 用 语义 化 的 HTML 标 签 来 书写 代码 。 顾 名 思 义 ， 语 义 化 自然 有 其 特定 的 含义 ， 例 如 : <h1> ~<h6> 表 示 内 容 标 题 ， 显 示 的 字体 大 小 也 根据 不 同 的 浏览 器 有 所 区 别 ; <em> 表 示 强 调 文 
本 ， 而 在 浏览 器 中 表现 的 形式 却 和 标签 <i> 一 样 都 是 倾斜 显示 ; <ol> 和 <ul> 会 给 列表 项 前 面 加 入 行 符号 ….. 这 些 也 许 我 们 都 不 希望 出 现 。 所 以 也 就 需要 先 对 一 些 HTML 标 签 进行 格式 化 ， 把 默认 的 样式 去 
掉 ， 只 将 其 作为 语义 标签 应 用 。 代 码 清单 9-7 为 电子 商城 系统 所 使 用 的 base.css， 文 件 中 重新 定义 标签 部 分 。 


代码 清单 9-7 ”商城 系统 base.css 文 件 重新 定义 标签 部 分 


/* =============== 
* 重新 定义 HTML 元 素 
+ 一- 一 -一 
html，body，div，ul，o1l，1i，d，dt，ddq，h1，h2，h3，h4，h5，h6，Pre，form，P，blockquote，fieldqset，input { 
padding: 0; 
margin: 0; 


} 
hl, h2, h3, h4, h5, hé6, pre, code, address, caption, cite, code, em, strong, table, th, td { 
font-size: lem; 
font-style: normal; 
font-weight: normal; 
} 
strong { 
font-weight: bold; 


5 
list-style: none outside none; 


fieldset, img { 
border: medium none; 


caption, th { 
text-align: left; 


table { 
border-collapse: collapse; 
border-spacing: 0; 


body { 

font: 12px/20px Arial，Verdana, "宋体 ",，"Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif; 
Color: #666; 

background: #FFF none repeat scroll 0 0; 

min-width: 1200px; 


input, select, textarea { 

font: 12px/20px Tahoma, Helvetica, Arial, sans-serif; 
} 
i, cite, em { 

font-style: normal; 


input, button, select, textarea { 
outline: none 


html { 
min-height: 101%; 


/* 链接 */ 

al 

color: #333; 
text-decoration: none; 
outline: medium none; 


a:link, a:visited, a:active { 


} 


text-decoration: none; 


a:hover { 


color: #D93600; 
text-decoration: underline; 


article, aside, dialog, footer, header, section, footer, nav, figure, menu { 


} 


display: block; 


此 外 在 实际 工作 中 ， 经 常会 遇 到 一 些 CSS 属 性 的 重复 使 用 情况 ， 最 常见 的 就 是 字体 、 颜 色 、 边 距 、 间 距 、 边 框 、 浮 动 ， 等 等 。 这 些 也 可 以 写 入 base.css 文 件 内 ， 在 标签 中 添加 对 应 的 class 名 称 ， 减 少 代 
码 量 ， 提 高 效率 ， 如 代码 清单 9-8 所 示 。 


代码 清单 9-8 ”商城 系统 base.css 文 件 字体 、 宽 高 、 间 距 、 边 距 等 截取 内 容 


/* 文 字 排版 

兴 关 兴 突 次 关 六 次 交 类 六 闪光 类 六 闪光 类 六 突 交 类 六 闪光 类 六 奖 交 类 了/ 
.£12 { font-size:12px;} 

.£14 { font-size:14px;} 

.£16 { font-size:16px;} 

.fb { font-weight:bold;} 

.fn { font-weight:normal;} 

.unl { text-decoration:underline;} 
.no unl { text-decoration:none;} 
.noborder { border:none 0;} 


/* 定 位 


汪 交 次 交 交大 次 六 次 六 次 关 次 闪 交 大 奖 六 交火 次 交 交 大 交 六 交大/ 


sl 
.te 
.tr 


.Pa 


本 
{ 
{ 
{ 
{ 
{ 
{ 
{ 
{ 
{ 
{ 
{ 


.Zoom 
/*.hidden { visibility:hidden;*/} 

.none { display:none;} 

.Clear { clear: both; height: 0; font-size: 0; line-height:0; } 
六 长 度 高 度 

淆 类 兴 突 次 关 办 奖 交 关 六 闪光 类 六 奖 交 关 六 奖 交 类 六 闪光 类 六 奖 交 关 了/ 

.wi0 { width:10px;} 

.w20 { width:20px;} 

.w30 { width:30px;} 

Ww { width:100%;} 

.h20 { height: 20px;} 

.h { height:100%} 


/* 边 距 


text-align:left !important;} 
text-align:center !important; } 
text-align:right !important;} 
margin-right:auto ;margin-left:auto;} 
float:left; display:inline;} 
float:right !important; display:inline;} 
clear:both;} 

clear:left;} 

clear:right;} 

vertical-align: middle;} 
vertical-align: top;} 
position:relative;} 
position:absolute;} 

{ zoom:1} 


灵 炎 类 天灾 灾 类 天 灾 灾 类 灾 炎 灾 类 灾 灾 灾 类 天 炎炎 类 闫 炎炎 类 天 炎炎 人 
.m0 { margin: 0!important; } 
.m1l0 { margin:10px;} 

.mt5 { margin-top:S5px;} 

.mt10 { margin-top:10px;} 

.mb5 { margin-bottom:Spx;} 
.mb10 { margin-bottom:10px;} 
.ml5 { margin-left:Spx;} 

.ml10 { margin-left:10px;} 

.mr5 { margin-right:5px;} 

.mr10 { margin-right:10px;} 

/* 边 距 
兴 关 兴 突 次 关 六 闪光 闪闪 闪光 类 六 闪光 类 六 奖 交 类 六 闪光 类 六 奖 交 关 了/ 
.P10 { padding:10px;} 

.Pt5 { padding-top:Spx;} 

.Pt10 { padding-top:10px;} 

.pb5 { padding-bottom:S5px;} 
.Pb10 { padding-bottom:10px;} 
.Pr5 { padding-right:S5px;} 
.Pr10 { padding-right:10px;} 
.hr { font-size: lpx; display: block; height: 0; margin: 12px 0; border-top: lpx 
solid #E3E3E3; overflow: hidden;} 
.hr-double { height: lpx; border-top: lpx solid #E3E3E3; border-bottom: lpx solid #E3E3E3;} 


.hr8 


{ 


margin: 8px 0;} 


.hr16 { margin: 16px 0;} 

.hr32 { margin: 32px 0;} 

.hr.dotted { border-top-style: dotted;} 
.hr-double.dotted { border-bottom-style: dotted;} 


最 后 ， 作 为 一 个 大 型 电 商 网 站 ， 会 有 很 多 公共 组 件 在 模板 页 面 中 多 次 出 现 ， 例 如 一 些 商品 


页 关联 过 多 的 CSS 文 件 ， 让 后 期 维护 更 明朗 ， 我 们 也 可 以 选择 把 它 放 在 base.css 中 。 根 据 网 站 和 


的 尺寸 及 控制 ， 网 站 的 顶部 、 


[ 


足 部 内 容 等， 这 些 部 分 的 样式 可 以 放 在 common.css 文 件 里 ， 但 为 了 减少 模板 


的 风格 需要 ， 模 板 对 于 部 分 样式 | 


这 能 有 效 地 减少 代码 量 ， 提 高 效率 ， 也 易于 后 期 维护 。 一 个 模板 页 面 中 ， 可 能 会 引入 以 下 三 种 


习 


容 的 CSS 文 件 来 控制 样式 ， 如 


的 使 用 频率 ， 灵 活 掌握 基础 (base.css) 与 公共 (common.css) 的 完善 补充 ， 


图 9-4 所 示 。 


Layout.php 模 板 


base.css 
格式 化 标签 及 浮动 、 宽 高 、 
间 隐 间距 等 样式 的 设 定 。 


COMIMON.cCSS 
站 点 公共 样式 ， 如 头 部 、 
导航 条 、 足 部 及 常用 组 件 
类 样式 的 设 定 。 


page.css 


根据 页 面 设计 需求 设 定 的 
样式 ， 在 其 余 页 面 中 不 被 


.content 


9-4 ”模板 页 面 中 用 到 的 CSS 文 件 


9.1.5 ”如 何 给 CSS 命 名 


有 了 语义 化 的 标签 ， 又 有 了 base.css 和 common.css 的 基础 公共 样式 定义 ， 接 下 来 的 工作 就 是 页 面 中 具体 块 的 样式 设 定 ， 这 就 离 不 开 class 和 id 的 命名 问题 。 养 成 清楚 、 


引用 ， 以 class 类 命名 为 主 。 


明确 的 命名 习惯 ,对 于 前 期 开发 


与 后 期 维护 都 有 着 很 大 的 影响 。 命 名 应 尽量 使 用 具有 含义 的 小 写 英文 单词 ， 如 果 一 个 单词 无 法 表明 含义 class， 可 以 用 “-” (中 划 线 ) 进行 连接 ，id 可 以 用 “驼峰 式 ” 写 法 ， 即 “#AaaBbbCcc” 形 式 ; 而 像 


商城 系统 这 种 具有 商城 前 台 、 用 户 中 心 、 卖 家 中 心 等 多 栏目 的 大 型 网 站 ， 还 可 以 加 入 前 缀 代表 其 含义 ， 这 个 规则 可 以 根据 自己 的 开发 习惯 和 团队 要 求 来 决定 。 例 如 “.nch-goods-liast” 或 “ncm-order- 


list” 从 字义 上 来 看 ， 这 是 一 个 商品 列表 的 样式 命名 ， 而 前 缀 nch (nc homepage 缩 写 ) 使 用 在 首页 页 面 ，ncm (nc members 缩 写 ) 使 用 在 用 户 中 心 页 面 ， 这 样 就 能 很 清楚 地 知道 其 


使 用 过 短 的 缩写 形式 来 为 class 命 名 ， 比 如 “.r1-t” 这 样 的 命名 ， 这 样 的 命名 虽然 简单 ， 但 时 间 长 了 估计 自己 也 不 知道 当初 起 名 时 的 目的 和 含义 ， 尤 其 是 大 型 电 商 网 站 ， 涉 及 的 模板 页 


干 计 ， 看 似 复杂 的 命名 加 上 段落 注释 却 可 以 在 后 期 帮 你 的 团队 提升 效率 。 


我 们 以 图 


名 工作 ， 命 名 实例 及 对 应 样式 如 代码 清单 9-9 所 示 。 


使 


位 置 。 笔 者 不 建议 


很 多 ， 样 式 也 是 数 以 


9-5 为 例 。 这 是 一 个 简单 的 商品 列表 形式 ， 只 为 ul 标签 上 的 class 进 行 了 命名 ， 而 区 域 块 内 部 的 列表 、 图 片 、 名 称 、 价 格 则 直接 使 用 特定 标签 ， 代 码 结构 更 清晰 准确 ， 同 时 减少 了 过 多 的 class 命 


图 9-5 class 命名 实例 


代码 清单 9-9 class 命名 实例 对 应 样式 


<style type="text/css"> 


.nch-goods-list 
.nch-goods-list 
.nch-goods-list 
.nch-goods-list 
.nch-goods-list 
.nch-goods-list 
.nch-goods-list 
.nch-goods-list 
</style> 


{ background-color: #F5F5F5; padding: 10px; overflow: hidden;} 
li { display: block; padding: 5Px 10px; border-bottom: solid lpx #EEE; clear: both;} 


.goods-thumb { background-color: #FFF; width: 38px; height: 38px; vertical-align: top; display: inline-block; border: solid lpx #999;} 


.goods-thumb img { max-width: 36px; max-height: 36px; padding: lpx;} 

dl { vertical-align: top; display: inline-block; margin-left: 10px; } 

dt { font-weight: 600; } 

dd { color: #999; } 

em { font: 600 14px/20px Verdana; font-style: normal; color: #F30; margin: 0 4px;} 


<ul class="nch-goods-list"> 


式 ] 


<div class="goods-thumb"><img src=" 商 品 a 图 片 .jpg"></div> 


<dl> 


<qdt> 商 品 a</dt> 
<dd> 价 格 : <em>100.00</em> 元 </dd> 


</dl> 
</1i> 
<1i> 


<div class="goods-thumb"><img src=" 商 品 b 图 片 .jpg "></div> 


<dl> 


<qdt> 商 品 b</dt> 
<qdg> 价 格 : <em>200.00</em> 元 </dd> 


</dl> 
</1i> 
<]li> 


<div class="goods-thumb"><img src=" 商 品 c 图 片 .jpg "></div> 


<dl> 


<qdt> 商 品 C</dt> 
<dd> 价 格 : <em>500.00</em> 元 </dd> 


</dl> 
</1i> 
</ul> 


笔者 总 结 了 一 些 电子 商务 网 站 在 实际 开发 及 维护 中 常用 的 样式 命名 规则 ， 如 表 9-2 所 示 。 


表 9-2 ”电子 商务 网 站 常用 样式 命名 


CSS 样 式 命名 描 述 使 用 范围 
pr 布局 及 公共 常用 
.layout 布局 布局 及 公共 常用 
.sidebar 侧 边栏 布局 及 公共 常用 
.member 会 员 、 买 家 电 商 网 站 常用 
.seller 商家 、 卖 家 电 商 网 站 常用 
.brand 品牌 电 商 网 站 常用 
.order 订单 电 商 网 站 常用 
.complain 投诉 电 商 网 站 常用 
er 电 商 网 站 常用 
.groundbuy 团购 电 商 网 站 常用 

( 续 ) 
.promotion 促销 电 商 网 站 常用 
.discount 折扣 电 商 网 站 常用 
.accounts 结算 电 商 网 站 常用 


9.1.6 ”应 该 用 id 还 是 class 


作为 CSS 的 命名 方式 ， 我 们 有 多 种 选择 ， 常 用 的 形式 为 类 class 或 id， 如 图 9-6 所 示 。 例 如 使 用 Dreamweaver 添 加 一 个 新 的 样式 时 ， 会 首先 让 开发 者 进行 类 型 选择 及 命名 。 从 软件 的 介绍 中 可 以 看 
出 ，class 可 应 用 于 任何 HTML 元 素 ， 而 id 仅 应 用 于 一 个 HTML 元 素 ， 换 名 话说 ， 一 个 页 面 中 ，class 可 以 反复 出 现 多 次 而 id 仅 能 出 现 一 次 。 


选择 器 类 型 : 
为 [SS 规则 选择 上 下 文选 择 器 


机 


规则 定义 : 
选择 定义 规则 的 位 置 。 


图 9-6” Dreamweaver 中， 对 新 建 css 的 选择 


具有 id 的 CSS 选 择 符 权 重要 远 远大 于 class， 当 页 面 中 出 现 class 命 名 冲突 或 者 父 级 或 子 级 样式 干扰 等 问题 ， 我 们 可 以 通过 特定 位 置 上 加 入 id 定义 样式 来 解决 ， 如 代码 清单 9-10 所 示 。 


代码 清单 9-10 ”标签 、class 及 id 的 权重 关系 代码 演示 


<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>HTML/id/class</title> 
<style type="text/css"> 
li { font-size: 12px; line-height: 20px; background-color: #FFF; border: lpx dashed #CCC; padding: Spx; margin-bottom: Spx; list-style-type: none;} 
li.repeat { font-weight: bold; background-color: #CCC; border: lpx dashed #FFF;} 
li#key { font-size: 18px; font-style: italic; font-weight: normal; color: #FFF; background-color: #666; border: none;} 
</style> 
</head> 
<body> 
<ul> 
<1i> 正 常 的 列表 项 ， 靠 标签 也 能 控制 </1i> 
<1i> 正 常 的 列表 项 ， 靠 标签 也 能 控制 </1i> 
<1i id="key"” class="repeat"> 唯 一 性 的 样式 可 以 用 id 来 区 别 ， 权 重大 于 class</1i> 
<1i class="repeat"> 用 class 可 以 让 列表 项 不 一 样 ， 并 出 现 多 次 </1i> 
<1i class="repeat"> 用 class 可 以 让 列表 项 不 一 样 ， 并 出 现 多 次 </1i> 
<1i> 正 常 的 列表 项 ， 靠 标签 也 能 控制 </1i> 
<1i> 正 常 的 列表 项 ， 靠 标签 也 能 控制 </1i> 
</ul> 
</body> 
</html> 


标签 li 本身 被 定义 了 样式 ， 具 有 class 命 名 的 li 会 区 别 于 其 他 ， 而 同时 具有 id 的 | 出 获 得 了 最 高 权重 ， 样 式 也 是 唯一 的 。 如 图 9-7 所 示 。 


Mm 


图 9-7 标签 、class 及 id 的 权重 关系 代码 生成 效果 


如 果 是 纯 静 态 的 HTML 页 面 ， 使 用 id 还 是 class 其 实 都 可 以 ， 只 要 遵循 重复 性 和 唯一 性 的 原则 ， 但 作为 商城 类 型 的 页 面 模板 ， 内 容 会 关联 PHP、JS 等 相关 文件 及 操作 ， 一 般 情况 下 ， 建 议 尽量 使 用 class， 
把 id 留 给 程序 和 JS 部 分 定义 选择 符 吧 。 


9.1.7 ”能 少 用 就 少 用 CSS Hack 


自 欠 CSS 布 局 诞生 的 那天 开始 ，CSS Hack 和 滤 镜 曾 一 度 成 为 使 用 中 不 可 避免 的 恶魔 。CSS Hack 是 为 页 面 在 不 同 内 核 浏 览 器 获得 较为 一 致 的 表现 效果 时 ， 采 用 的 一 种 辅助 手段 。 当 页 面 HTML 结 构 和 CSS 
样式 书写 都 很 符合 Web 标 准时 ， 页 面 在 良好 支持 Web 标 准 的 浏览 器 下 一 般 是 不 需要 CSS Hack 的 ， 正 是 由 于 对 Web 标 准 支持 不 够 良好 的 浏览 器 的 存在 ， 才 有 CSS Hack 的 产生 。 


知道 了 什么 是 CSS Hack， 还 得 知道 它 的 原理 是 什么 ， 这 样 也 有 利于 以 后 的 编写 过 程 。 其 实 就 是 上 面 所 提 到 的 ， 由 于 不 同 的 浏览 器 对 CSS 的 支持 及 解析 结果 不 一 样 ， 还 根据 CSS 中 的 优先 级 的 关系 ， 来 书 
写 CSS Hack， 这 对 于 认识 不 同 浏览 器 的 解析 特性 、 解 析 优 先 级 ， 从 而 来 写 CSS Hack 代 码 就 至 关 重 要 了 。 


(1) IE Hack 


IE 系 列 浏览 器 的 Hack 大 致 如 下 : 


nowamagic:1px\9\0;--------ie9 
:root nowamagic:1px;-------ie9( 实 际 情况 可 能 IE 9 还 是 有 问题 ， 再 用 这 种 方式 ) 


这 样 就 基本 上 可 以 兼容 所 有 IE。 
(2) Firefox 与 Chrome 的 Hack 


* Firefox: 


@-moz-document url-prefix() 


* Chrome: 


@media screen and (-webkit-min-device-pixel-ratio:0) 


如 图 9-8 所 示 ， 为 部 分 浏览 器 对 CSS Hack 兼容 性 使 用 列表 。 


随 着 各 种 浏览 器 版 本 的 不 断 更 新 ， 之 前 为 了 兼容 性 而 存在 的 CSS Hack 却 会 为 未 来 新 浏览 器 的 兼容 性 带 来 隐患 ， 良 好 的 书写 习惯 ， 符 合 W3( 的 页 面 标准 ， 随 着 老 版 |E 浏 览 器 的 逐步 淘汰 ， 相 信 CSs Hack 
的 使 用 将 越 来 越 少 。 


证 佳 根 式 | IF6|  _IE?| IE8|  _IE9| FF| Chrome| 作 | 


BM 
tmp {-color:red:} 


tmp {Ocolor:red;} 


S| 
Eee 
ss 
E | 
[| 
[| 
上 
[AGE tmp {#color:red:} 
人 | 
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| 
"= | 
| 
二 =| 
ke 


图 9-8 ”部 分 浏览 器 对 CSS Hack 兼 容 性 使 用 列表 


9.1.8 一 些 CSS 和 浏览 器 之 间 的 怪异 显示 及 对 应 的 解决 办 法 


有 的 时 候 编写 的 CSS 样 式 没有 什么 错误 ， 但 在 浏览 器 中 却 会 出 现 一 些 很 奇怪 的 问题 ， 明 明 没有 间距 的 地 方 出 现 了 间距 ， 没 有 空隙 的 地 方 多 了 一 条 白 线 ， 或 者 IE、Firefox 下 显示 的 效果 截然 不 同 ， 这 些 依 
旧 与 前 面 关 于 CSS Hack 使 用 中 所 提 到 的 原因 相同 。 下 面 列举 几 个 在 工作 中 经 常会 用 到 的 样式 属性 所 存在 的 问题 及 其 解决 方案 。 


(1) inline-block 的 兼容 与 4px 间 阶 问 题 。 


在 实际 工作 中 ， 我 们 经 常会 用 到 “inline-block” (内 联 块 ) 这 个 属性 来 代替 “float” 来 使 内 容 横向 排列 ， 而 不 产生 浮动 。 但 IE 6、IE 7 下 并 不 能 很 好 地 支持 该 属性 ， 即 使 支持 这 个 属性 的 Firefox 中 依旧 
会 产生 4px 的 空白 间隙 。 例 如 ， 我 们 需要 制作 一 组 横向 导航 菜单 ， 如 代码 清单 9-11 所 示 。 


代码 清单 9-11 使 用 “inline-block” 属 性 制作 的 横向 菜单 


<!doctype html> 


<html> 
<head> 
<meta charset="utf-8"> 
<title></title> 
<style type="text/css"> 
ul lit 
list-style-type: none; 
margin: 0; 
padding: 0; 
border: 0; 
E 
3 注 
background-color: #CCC; 
display: inline-block; 
width: 100px; 
height: 30px; 
} 
</style> 
</head> 
<body> 
<ul> 
<1i>1</1i> 
<1i>2</1i> 
<1i>3</1i> 
<1i>4</1i> 
</ul> 
</body> 
</html> 


li 标签 使 用 了 “inline-block” 触 发 Layout， 形 成 行 布局 ， 但 IE 7 下 的 显示 依旧 是 纵向 排列 ，Firefox 下 则 出 现 了 间距 ， 即 使 li 上 并 没有 margin 和 border 属 性 的 设置 ， 如 图 9-9 所 示 。 


图 9-9 ”Firefox 浏 览 器 下 inline-block 属 性 会 产生 间隔 


想 解决 上 面 的 问题 ， 代 码 如 下 : 


ul { font-size: 0;} 
li { font-size: 12px; background-color: #CCC; vertical-align: top; display: inline-block; *display: inline/*IE7*/; width: 100px; height: 30px; *zoom: 1/*IE7*/;} 


父 级 ul 添加 了 “font-size: 0”、 子 级 I 添加 “font-size: 12px” 来 设置 字体 大 小 ; “vertical-align: top” 垂 直 居 上 对 齐 ， 解 决 内 联 块 之 间 的 空 隐 问 题 ; “*display: inline/*IE7*/; *zoom: 
1/IE7*/; ”触发 IE 7 下 Layout 并 定义 块 为 内 联 ， 这 时 ， 在 所 有 浏览 器 下 都 能 很 好 地 兼容 “display: inline-block” 了 ， 如 图 9-10 所 示 。 


图 9-10 Firefox 浏览 器 兼容 正常 显示 效果 


(2) margin-top、margin-bottom 的 重 翅 。 


当 相 邻 的 两 个 盒 模型 具有 margin-top 和 margin-bottom 属 性 时 ， 浏 览 器 会 取 其 中 大 的 值 作为 间距 ， 如 代码 清单 9-12 所 示 。 


代码 清单 9-12 ” 相 邻 的 布局 块 具有 margin-top 和 margin-bottom 属 性 


<!doctype html> 
<html> 

<head> 

<meta charset="utf-8"> 
<title></title> 
</head> 

<body> 
<div>1</div> 
<div>2</div> 
</body> 

</html> 


这 时 块 1 与 块 2 之 间 并 不 是 15px 和 20px 相 加 的 间隔 值 ， 而 是 只 取 了 块 2 的 “margin-top: 20px”， 因 此 可 以 改 用 padding 来 做 间隔 或 只 设 定 两 个 块 其 中 之 一 的 margin 属 性 ， 还 可 以 给 它们 之 间 加 一 个 具 
有 “clear: both” 属 性 的 DIV 做 分 割 。 


(3) 图 片 同比 例 缩放 ，DIV 内 水 平 垂直 居中 。 


如 果 块 内 只 有 单行 的 文字 ， 那 么 实现 水 平和 垂直 方向 上 都 居中 很 简单 ， 如 代码 清单 9-13 所 示 。 


代码 清单 9-13 ”单纯 文字 内 容 在 DIV 中 水 平 垂 直 居 中 


<!doctype html> 
<html> 

<head> 

<meta charset="utf-8"> 
<title></title> 
</head> 

<body> 
<div> 文 字 居 中 </div> 
</body> 

</html> 


但 如 果 内 容 是 一 组 图 片 且 大 小 未 知 ， 宽 和 高 都 不 一 样 该 如 何 实现 水 平和 垂直 方向 上 都 居中 呢 ? 如 代码 清单 9-14 所 示 。 


代码 清单 9-14 ”未 知 大 小 图 片 同 比例 缩放 后 水 平和 垂直 方向 上 居中 


<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title></title> 
<style type="text/css"> 
* { padding: 0; margin: 0} 
html { min-height: 101%} 
body { font-family: verdana, arial, tahoma; font-size: 12px; color: #333} 
div { margin: 0 auto} 
ul, ol, 1i { list-style: none} 
a { text-decoration: none; word-wrap: break-word} 
a:hover { text-decoration: underline} 
img { border: 0} 
p { line-height: 26px} 
/* 容器 */ 
.middle { font-size: 0; width: 880px; margin: 10px auto; border: solid 4px #999;} 
.middle 1i { font-size: 12px; background-color: #F5F5F5; display: inline-block; *display: inline/*IE7*/; margin: 1%; width: 23%; *zoom: 1/*IE7*/;} 
/* 未 知 大 小 的 图 片 在 已 知 容器 中 的 垂直 居中 和 水 平 居中 */ 
.middle 1i img { margin-top:expression(100-this.height/2); max-width: 200px; max-height: 200px;}/* max-width 与 max-height 可 限制 图 片 的 最 大 宽 高 度 */ 
.middle 1i a { text-align: center; vertical-align: middle; display: table-cell; width: 200px; height: 200px; overflow: hidden;} 
</style> 
</head> 
<body> 
<! 一 代码 开始 --> 
<ul class="middle in-box"> 
<li><a href="javascript:void(0)"><img src="1.jpg"></a></1i> 
<li><a href="javascript:void(0)"><img src="2.jpg"></a></1i> 
<1i><a href="javascript:void(0)"><img src="3.jpg"></a></1i> 
<li><a href="javascript:void(0)"><img src="4.jpg"></a></1i> 
</ul> 
<! 一 代码 结束 --> 
</body> 
</html> 


实现 效果 如 图 9-11 所 示 ， 在 商城 商品 图 片 列表 中 经 常会 遇 到 这 样 的 问题 ， 应 特别 注意 。 


图 9-11 未 知 大 小 图 片 同比 例 缩放 水 平 与 垂直 方向 上 居中 的 浏览 效果 


9.2 ”商城 首页 


9.2.1 _B2B2C 商 城 首 页 设计 元 素 


在 前 面 的 章节 里 ， 介 绍 了 一 些 网 页 设计 的 技法 及 常见 问题 。 下 面 ， 我 们 以 ShopNC B2B2C 商 城 系统 为 例 ， 具 体 说 明 一 下 在 电 商 平台 开发 中 所 需 的 设计 思路 、 注 意 事项 以 及 制作 技巧 。 


商城 的 首页 ， 几 乎 是 每 个 访问 者 都 会 看 到 的 页 面 ， 而 且 是 有 些 访问 者 会 看 到 的 唯一 页 面 ， 这 仿佛 就 是 Web 上 的 海景 地 产 ， 页 面 上 的 各 处 位 置 都 让 人 渴望 却 又 “供应 不 足 ”， 与 网 站 利益 相关 的 信息 都 希 
望 在 首页 上 有 一 席 之 地 ， 但 仅仅 几 屏 的 空间 又 会 造成 内 容 “ 大 塞车 ”。 那 么 如 何 分 配 以 利用 好 各 个 空间 呢 ? 


首页 是 一 个 网 站 整体 风格 定位 的 标志 性 页 面 ， 站 内 所 有 的 次 级 页 面 都 是 以 其 为 风格 基准 进行 延续 设计 ， 如 何 合理 把 握 这 个 风格 定向 标 式 的 页 面 呢 ? 
商城 运营 方 作为 还 希望 经 常 进 行 首页 换 装 ， 内 容 更 新 ， 让 浏览 者 几乎 每 天 都 能 在 首页 看 到 不 一 样 的 广告 与 商品 ， 但 维护 时 间 和 成 本 越 低 越 好 ， 那 么 如 何 做 到 最 快 、 最 简单 呢 ? 


带 着 这 一 连 串 的 问题 ， 来 看 看 ShopNC B2B2C 商 城 系统 的 首页 设计 ( 见 图 9-12) ， 让 我 们 逐一 对 首页 布局 区 块 的 设计 思路 与 作用 进行 解读 。 


“ 顶部 条 (Topbar) 。 可 用 来 放置 商城 欢迎 语 、 用 户 登 录 以 及 快捷 菜单 。 全 站 公用 这 个 顶部 条 ， 用 户 可 以 在 站 点 的 任何 页 面 位 置 都 清楚 网 站 的 标题 名 称 、 如 何 注册 、 登 录 操作 ， 了 解 还 可 以 做 哪些 常用 
操作 ， 等 等 。 对 于 栏目 页 面 众多 的 综合 性 网 站 ， 这 个 顶部 条 是 必 不 可 少 的 元 素 之 一 。 


: 头 部 (Header) 。 顾 名 思 义 ， 就 像 人 体 的 头 部 一 样 ， 商 城 系统 的 这 部 分 也 是 最 重要 的 部 位 。 商 城 的 Logo、 搜 索 条 以 及 用 户 菜 单 、 购 物 车 被 布局 其 间 。 对 于 购买 目的 明确 的 用 户 ， 搜 索 条 无 疑 是 最 快 
速 、 最 有 效 找到 商品 的 途径 ; 而 用 户 菜单 和 购物 车 则 是 进行 购物 的 必要 操作 ; 因此 这 部 分 也 是 作为 全 局 型 设计 而 出 现 。 


“ 导航 及 分 类 菜单 (Nav&Category) 。B2B2C 商 城区 别 于 传统 的 B2C 模 式 ， 不 仅仅 因为 它 是 多 店铺 系统 ， 更 重要 的 是 ， 它 有 一 套 完善 的 门户 型 电子 商务 整 站 解决 方案 ,栏目 丰 富 ， 包 含 了 团购 、 活 动 专 
题 、 资 讯 、 社 交 园 等 频道 ， 因 此 主导 航 菜单 也 就 承担 了 这 个 导向 的 作用 。 而 商城 本 身 最 重要 的 职能 还 是 卖 东西 ， 如 何 能 让 用 户 从 成 干 上 万 的 商品 中 找到 自己 想 要 的 ， 分 类 索引 菜单 可 以 胜任 该 职 。 导 航 条 及 
分 类 菜单 也 被 作为 全 局 型 设计 。 


: 焦点 广告 (Focus Layout) 。 除 去 了 上 面 说 到 的 三 块 全 局 型 设计 模块 之 外 ， 在 访问 者 打开 站 点 时 ， 第 一 屏 还 需要 看 到 什么 ? 对 了 ， 广 告 ， 而 且 要 尽 可 能 多 的 广告 。 广 告 上 醒目 的 口号 、 吸 引 人 的 价格 以 
及 精美 的 图 片 往往 是 商家 最 有 效 的 促销 手段 之 一 。 这 就 好 比 是 一 个 商场 里 面 的 橱窗 广告 ， 甚 至 于 比 那些 来 得 更 直接 ， 因 为 只 要 点 击 就 可 以 把 用 户 引 向 商品 页 面 ， 进 而 形成 一 次 潜在 的 消费 。 


: 信息 区 域 (Information) 。 站 点 公告 、 新 闻 、 商 家 入 驻 、 消 费 保 障 承 诺 等 可 以 放 在 这 部 分 次 重点 区 域 。 
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: 促销 推荐 (Sales) 。 依 旧 是 推广 型 商品 展示 的 橱窗 位 置 ， 可 以 直接 把 访问 者 引 向 商品 页 面 。 但 由 于 访问 者 所 使 用 的 浏览 器 分 辨 率 不 一 ， 人 台式 机 显示 器 横 宽 比例 比较 大 ， 这 部 分 可 以 出 现在 第 一 屏 ， 又 
比如 用 笔记 本 浏览 ， 那么 一 屏 的 高 度 很 有 限 ， 这 部 分 可 能 就 需要 滚动 鼠标 后 才 会 出 现在 第 二 屏 的 顶部 了 。 考 虑 到 这 些 特性 ， 促 销 区 域 应 算 为 次 级 推广 区 域 。 


“ 页 面 主体 (Main) 。 楼 层 式 区 块 布局 让 商城 首页 的 主体 既 统 一 又 丰富 。 每 一 层 的 布局 形式 保持 一 致 ， 不 会 让 人 觉得 杂乱 无 章 ; 但 各 区 块 所 出 现 的 广告 、 商 品 、 品 牌 等 又 完全 不 一 样 ， 尽 可 能 多 地 将 推 
广 型 商品 在 首页 进行 展示 ; 各 层 之 间 又 用 不 同 的 色 系 进行 类 型 划分 ， 整 体 上 风格 统一 ， 楼 层 区 块 却 不 拘 一 格 。 


: 广告 插入 点 (AD) 。 在 适当 的 位 置 可 以 进行 广告 banner 的 插入 。 
: 用 户 帮助 (Member FAQ) 。 公 共 型 模块 内 容 ， 帮 助 用 户 熟悉 站 点 的 各 项 操作 及 购买 流程 等 。 放 在 下 部 位 置 ， 不 是 很 突出 ， 却 又 方便 用 户 找到 。 
: 页 面 足 部 (Footer) 。 站 点 信息 、 版 权 及 声明 等 ， 全 局 型 设计 。 


在 首页 这 片 “ 寸 土 寸 金 ”的 地 方 ， 要 尽 可 能 多 地 将 促销 、 广 告 、 商 品 等 进行 安置 。 什 么 ”这 样 的 首页 太 乱 了 ， 没 有 重点 呀 ! 咽 ， 确实， 那么 多 的 内 容 塞 满 一 个 页 面 ， 似 乎 重点 并 不 突出 ， 但 这 些 却 都 
是 “卖点 ”。 卖 点 实际 就 是 商业 销售 中 的 重点 ， 对 于 购买 目标 并 不 确定 的 用 户 ， 首 页 上 精美 的 广告 、 实 惠 的 促销 价格 才 可 能 引发 他 们 的 购买 欲 或 者 说 愿意 点 进去 看 看 ; 如 果 访 客 明确 自己 需要 什么 ， 也 许 这 
时 已 经 在 搜索 关键 字 或 点 击 分 类 菜单 索引 了 。 


再 对 这 个 首页 页 面 做 一 个 数据 统计 ， 如 图 9-13 所 示 ， 各 类 广告 数量 可 设置 67 个 ， 推 广 商品 数量 可 增加 到 153 个 ， 推 荐 品牌 可 设置 40 个 ， 团 购 等 活动 4 个 以 上 。 如 此 多 的 商品 展示 推广 分 布 在 区 区 几 屏 幕 的 
范围 内 ， 注 意 这 些 可 不 是 新 闻 网 站 上 的 文字 链接 ， 而 是 需要 图 文 并 茂 地 呈现 给 用 户 。 而 从 首页 到 商品 详情 页 ， 步 又 应 尽 可 能 简化 ， 不 要 大 于 三 步 为 佳 。 
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9.2 ”商城 首页 


9.2.1 _B2B2C 商 城 首 页 设计 元 素 


在 前 面 的 章节 里 ， 介 绍 了 一 些 网 页 设计 的 技法 及 常见 问题 。 下 面 ， 我 们 以 ShopNC B2B2C 商 城 系统 为 例 ， 具 体 说 明 一 下 在 电 商 平台 开发 中 所 需 的 设计 思路 、 注 意 事项 以 及 制作 技巧 。 


商城 的 首页 ， 几 乎 是 每 个 访问 者 都 会 看 到 的 页 面 ， 而 且 是 有 些 访问 者 会 看 到 的 唯一 页 面 ， 这 仿佛 就 是 Web 上 的 海景 地 产 ， 页 面 上 的 各 处 位 置 都 让 人 渴望 却 又 “供应 不 足 ”， 与 网 站 利益 相关 的 信息 都 希 
望 在 首页 上 有 一 席 之 地 ， 但 仅仅 几 屏 的 空间 又 会 造成 内 容 “ 大 塞车 ”。 那 么 如 何 分 配 以 利用 好 各 个 空间 呢 ? 


首页 是 一 个 网 站 整体 风格 定位 的 标志 性 页 面 ， 站 内 所 有 的 次 级 页 面 都 是 以 其 为 风格 基准 进行 延续 设计 ， 如 何 合理 把 握 这 个 风格 定向 标 式 的 页 面 呢 ? 


商城 运营 方 作为 还 希望 经 常 进行 首页 换 装 ， 内 容 更 新 ， 让 浏览 者 几乎 每 天 都 能 在 首页 看 到 不 一 样 的 广告 与 商品 ， 但 维护 时 间 和 成 本 越 低 越 好 ， 那 么 如 何 做 到 最 快 、 最 简单 呢 ? 


带 着 这 一 连 串 的 问题 ， 来 看 看 ShopNC B2B2C 商 城 系统 的 首页 设计 ( 见 图 9-12) ， 让 我 们 逐一 对 首页 布局 区 块 的 设计 思路 与 作用 进行 解读 。 


“ 顶部 条 (Topbar) 。 可 用 来 放置 商城 欢迎 语 、 用 户 登 录 以 及 快捷 菜单 。 全 站 公用 这 个 项 部 条 ， 用 户 可 以 在 站 点 的 任何 页 面 位 置 都 清楚 网 站 的 标题 名 称 、 如 何 注册 、 登 录 操 作 ， 了 解 还 可 以 做 哪些 常用 
操作 ， 等 等 。 对 于 栏目 页 面 众 多 的 综合 性 网 站 ， 这 个 顶部 条 是 必 不 可 少 的 元 素 之 一 。 


: 头 部 (Header) 。 顾 名 思 义 ， 就 像 人 体 的 头 部 一 样 ， 商 城 系统 的 这 部 分 也 是 最 重要 的 部 位 。 商 城 的 Logo、 搜 索 条 以 及 用 户 菜单 、 购 物 车 被 布局 其 间 。 对 于 购买 目的 明确 的 用 户 ， 搜 索 条 无 疑 是 最 快 
速 、 最 有 效 找到 商品 的 途径 ; 而 用 户 菜单 和 购物 车 则 是 进行 购物 的 必要 操作 ; 因此 这 部 分 也 是 作为 全 局 型 设计 而 出 现 。 


“ 导航 及 分 类 菜单 (Nav&Category) 。B2B2C 商 城区 别 于 传统 的 B2C 模 式 ， 不 仅仅 因为 它 是 多 店铺 系统 ， 更 重要 的 是 ， 它 有 一 套 完善 的 门户 型 电子 商务 整 站 解决 方案 ,栏目 丰富 ， 包 含 了 团购 、 活 动 专 
题 、 资 讯 、 社 交 转 等 频道 ， 因 此 主导 航 菜单 也 就 承担 了 这 个 导向 的 作用 。 而 商城 本 身 最 重要 的 职能 还 是 卖 东西 ， 如 何 能 让 用 户 从 成 干 上 万 的 商品 中 找到 自己 想 要 的 ， 分 类 索引 菜单 可 以 胜任 该 职 。 导 航 条 及 
分 类 菜单 也 被 作为 全 局 型 设计 。 


: 焦点 广告 (Focus Layout) 。 除 去 了 上 面 说 到 的 三 块 全 局 型 设计 模块 之 外 ， 在 访问 者 打开 站 点 时 ， 第 一 屏 还 需要 看 到 什么 ? 对 了 ， 广 告 ， 而 且 要 尽 可 能 多 的 广告 。 广 告 上 醒目 的 口号 、 吸 引 人 的 价格 以 
及 精美 的 图 片 往往 是 商家 最 有 效 的 促销 手段 之 一 。 这 就 好 比 是 一 个 商场 里 面 的 橱窗 广告 ， 甚 至 于 比 那些 来 得 更 直接 ， 因 为 只 要 点 击 就 可 以 把 用 户 引 向 商品 页 面 ， 进 而 形成 一 次 潜在 的 消费 。 


: 信息 区 域 (Information) 。 站 点 公告 、 新 闻 、 商 家 入 驻 、 消 费 保障 承诺 等 可 以 放 在 这 部 分 次 重点 区 域 。 
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: 促销 推荐 (Sales) 。 依 旧 是 推广 型 商品 展示 的 橱窗 位 置 ， 可 以 直接 把 访问 者 引 向 商品 页 面 。 但 由 于 访问 者 所 使 用 的 浏览 器 分 辨 率 不 一 ， 台 式 机 显示 器 横 宽 比例 比较 大 ， 这 部 分 可 以 出 现在 第 一 屏 ， 又 
比如 用 笔记 本 浏览 ， 那 么 一 屏 的 高 度 很 有 限 ， 这 部 分 可 能 就 需要 滚动 鼠标 后 才 会 出 现在 第 二 屏 的 顶部 了 。 考 虑 到 这 些 特性 ， 促 销 区 域 应 算 为 次 级 推广 区 域 。 


: 页 面 主体 (Main) 。 楼 层 式 区 块 布局 让 商城 首页 的 主体 既 统 一 又 丰富 。 每 一 层 的 布局 形式 保持 一 致 ， 不 会 让 人 觉得 杂乱 无 章 ; 但 各 区 块 所 出 现 的 广告 、 商 品 、 品 牌 等 又 完全 不 一 样 ， 尽 可 能 多 地 将 推 
广 型 商品 在 首页 进行 展示 ; 各 层 之 间 又 用 不 同 的 色 系 进行 类 型 划分 ， 整 体 上 风格 统一 ， 楼 层 区 块 却 不 拘 一 格 。 


: 广告 插入 点 (AD) 。 在 适当 的 位 置 可 以 进行 广告 bannet 的 插入 。 
: 用 户 帮助 (Member FAQ) 。 公 共 型 模块 内 容 ， 帮 助 用 户 熟悉 站 点 的 各 项 操作 及 购买 流程 等 。 放 在 下 部 位 置 ， 不 是 很 突出 ， 却 又 方便 用 户 找到 。 


: 页 面 足 部 (Footer) 。 站 点 信息 、 版 权 及 声明 等 ， 全 局 型 设计 。 


在 首页 这 片 “ 寸 土 寸 金 ”的 地 方 ， 要 尽 可 能 多 地 将 促销 、 广 告 、 商 品 等 进行 安置 。 什 么 ”这 样 的 首页 太 乱 了 ， 没 有 重点 呀 ! 咽 ， 确实， 那么 多 的 内 容 塞 满 一 个 页 面 ， 似 乎 重点 并 不 突出 ， 但 这 些 却 都 
是 “卖点 ”。 卖 点 实际 就 是 商业 销售 中 的 重点 ， 对 于 购买 目标 并 不 确定 的 用 户 ， 首 页 上 精美 的 广告 、 实 惠 的 促销 价格 才 可 能 引发 他 们 的 购买 欲 或 者 说 愿意 点 进去 看 看 ; 如 果 访 客 明确 自己 需要 什么 ， 也 许 这 


时 已 经 在 搜索 关键 字 或 点 击 分 类 菜单 索引 了 。 


再 对 这 个 首页 页 面 做 一 个 数据 统计 ， 如 图 9-13 所 示 ， 各 类 广告 数量 可 设置 67 个 ， 推 广 商品 数量 可 增加 到 153 个 ， 推 荐 品牌 可 设置 40 个 ， 团 购 等 活动 4 个 以 上 。 如 此 多 的 商品 展示 推广 分 布 在 区 区 几 屏 幕 的 
范围 内 ， 注 意 这 些 可 不 是 新 闻 网 站 上 的 文字 链接 ， 而 是 需要 图 文 并 茂 地 呈现 给 用 户 。 而 从 首页 到 商品 详情 页 ， 步 又 应 尽 可 能 简化 ， 不 要 大 于 三 步 为 佳 。 


可 二 mm 
商场 首页 可 通过 推广 商品 


直 链 到 商品 页 
关键 字 搜 索 直 链 到 商品 页 面 


分 类 导航 | 团购 类 直 链 


推荐 品牌 
40+ 


图 9-13 首页 商品 广告 数量 统计 对 商品 购买 的 影响 


9.2.2 色彩 风格 、 导 航 、 顶 部 的 统一 化 


所 谓 网 站 风格 是 指 网 站 页 面 设 计 上 的 视觉 元 素 组 合 在 一 起 的 整体 形象 ， 展 现 给 人 的 直观 感受 。 这 个 整体 形象 包括 网 站 的 配色 、 字 体 、 页 面 布局 、 页 面 内 容 、 交 互 性 、 广 告 、 宣 传 语 等 因素 。 


我 们 所 有 网 页 上 的 颜色 ， 在 HTML 下 是 以 颜色 英文 单词 或 者 十 六 进 制 的 方法 (如 #000000 表 示 为 黑色 ) 表示 的 。 不 同 的 颜色 有 着 不 同 的 含义 ， 给 人 各 种 丰富 的 感觉 和 联想 。 
“红色: 代表 热情 、 活 小 、 热 闪 、 温 暖 、 幸 福 、 吉 祥 、 奔 放 、 喜 悦 、 庄 严 ; 


“ 橙色: 代表 光明 、 华 丽 、 兴 奋 、 甜 窗 、 快 乐 ; 


“黄色: 代表 明朗 、 愉 快 、 


了 
姜 
站 
而 
站 
芋 
ba 
部 
泛 


. 黑色 : 代表 崇高 、 坚 实 、 严 


愉 
EN 


、 刚 健 、 粗 六、 夜晚 、 沉 着 ; 

“ 白色: 代表 纯洁 、 纯 真 、 朴 素 、 神 圣 、 明 快 、 简 单 、 洁 净 ; 

“ 蓝 色 : 代表 深远 、 永 恒 、 沉 静 、 理 逢 、 诚 实 、 寄 冷 、 天 空 、 清 严 、 科 技 
“绿色: 代表 新 鲜 、 平 静 、 和 平 、 柔 和 、 安 选 、 青 春 、 植 物 、 生 命 、 生 机 ; 
: 灰色 : 代表 忧 孝 、 消 极 、 遮 虚 、 平 凡 、 沉 默 、 中 良 、 和 寂寞 、 庄 重 、 沉 稳 ; 
“ 紫色: 代表 人 优雅、 高贵、 魅力、 自傲、 浪漫、 富贵 ; 


“ 棕色: 代表 大 地 、 厚 村。 


在 首页 的 头 部 区 域 是 最 能 体现 网 站 风格 的 重点 位 置 。 商 城 的 Logo、 叶 航 菜单 和 搜索 条 的 色彩 可 以 很 明确 让 访客 知道 这 个 站 点 的 主题 风格 色 是 什么 ， 并 且 这 个 区 域 作 为 全 局 型 设计 ， 在 其 余 的 页 面 都 会 出 
现 ， 因 此 页 面 中 其 他 部 分 也 应 以 此 为 基准 进行 色彩 搭配 使 用 。 


由 于 商城 系统 首页 、 商 品 列表 页 、 商 品 详情 页 等 重要 页 面 都 会 出 现 大 量 的 商品 图 片 ， 这 些 商品 图 片 的 风格 色彩 是 不 可 控 的 并 且 有 可 能 占据 页 面 的 主体 内 容 。 大 多 数 情 况 下 ， 商 城 的 页 面 风格 应 该 服务 于 
所 承载 的 商品 信息 ， 换 句 话说 ， 我 们 要 做 的 就 是 商场 中 的 柜台 、 货 架 、 银 台 、 购 物 车 等 。 明 确 了 这 一 点 ， 页 面 的 背景 、 字 体 、 框 线 、 按 钮 等 ， 应 尽量 选择 简洁 、 干 净 的 形式 。 试 想 如 果 一 个 商城 的 页 面 元 
素 : 边框 、 按 钮 做 得 风格 过 异 ， 字 体 各 式 各 样 ， 色 彩 缤纷 ， 那 么 到 底 在 一 个 页 面 中 谁 才 是 重点 ”其实 ， 有 了 页 面 头 部 的 logo 和 导航 等 部 分 相关 色彩 的 界定 已 经 足够 让 用 户 了 解 这 个 商城 的 风格 特征 了 。 


在 页 面 宽度 的 选择 上 ， 随 着 客户 端 浏 览 器 分 辨 率 的 不 断 增加 ， 网 站 的 流行 宽度 也 在 慢 慢 地 发 生 着 改变 。 记 得 多 年 前 ， 可 能 还 存在 760px 这 样 的 宽度 标准 ， 但 现今 980px、1000px 这 样 的 宽度 已 相当 普 
遍 ， 更 有 网 站 选择 使 用 1200 或 98%、100% 显 示 的 形式 。 过 宽 的 文字 页 面 也 许 不 利于 阅读 。 据 分 析 ， 页 面 文字 阅读 区 域 单行 超过 850px 或 70 个 汉字 就 会 让 阅读 者 产生 厌倦 情绪 ， 但 这 里 要 设计 的 是 一 款 商 城 
程序 界面 ， 更 多 的 是 使 用 商品 图 、 标 题 、 价 格 等 混 排 的 小 模块 列表 布局 形式 ， 因 此 ， 更 高 一 些 的 分 辩 率 能 让 设计 师 有 空间 做 大 图 片 的 尺寸 ， 并 能 留 白 而 不 显得 局 促 ， 因 此 ，B2B2C 商 城 的 首页 选择 使 用 
1200px 分 辨 率 。 


在 这 个 宽度 下 ， 页 面 主体 部 分 按 功能 被 分 成 了 几 个 大 的 通栏 区 域 ( 见 图 9-14) ， 但 仔细 看 不 难 发 现 ， 实 际 上 每 个 区 域 中 ， 都 是 保持 着 同样 的 左 中 右 布局 形式 与 块 内 宽度 。 这 个 格局 也 会 被 沿用 到 站 点 中 
的 其 他 页 面 中 ， 比 如 商品 列表 页 、 商 品 详情 页 、 用 户 中 心 页 面 等 ， 取 得 整 站 的 统一 性 ， 而 不 会 产生 访客 点 击 链接 跳 转 后 ， 页 面 主题 及 边栏 宽窄 不 一 的 尴 众 局 面 。 


如 图 9-14 所 示 ，B2B2C 商 城 首 页 及 其 他 页 面 的 比例 关系 非常 清晰 、 明 确 ， 将 页 面 竖 列 五 等 分 ， 根 据 功能 决定 页 面 布局 ， 布 局 块 的 宽度 永远 遵循 1/5 为 基准 的 原则 。 实 际 上 除了 整体 页 面 布局 按照 这 个 方 


式 ， 块 内 列表 、 模 块 、 图 片 也 应 在 这 个 原则 下 展开 ， 并 适当 留 白 保持 空间 感 。 
TF 


80% 
80% 


1:3:1 比 例 布局 1:4 比 例 布局 4:1&1:4 比 例 布局 


图 9-14 首页 与 相关 页 面 的 比例 与 宽度 的 一 致 性 


了 和 解 了 颜色 、 布 局 对 全 站 统一 的 作用 ， 再 来 看 看 头 部 及 导航 对 商城 用 户 操作 上 的 帮助 。 如 9.2.1 节 所 述 ， 顶 部 条 、 头 部 、 导 航 以 及 面包 悄 导 航 (所 在 位 置 ) 都 是 站 点 全 局 性 的 设计 ， 将 在 商城 各 个 页 面 中 
的 最 上 方 出 现 。 这 些 内 容 让 访客 清楚 ， 在 什么 网 站 ， 当 前 页 面 位 置 ， 在 当前 页 面 能 进行 哪些 操作 及 有 哪些 重点 ， 还 有 什么 相关 的 操作 需要 进行 等 ， 这 就 好 比 是 计算 机 系统 中 的 任务 栏 、 快 捷 方 式 和 导航 条 所 
起 的 作用 一 样 。 


每 一 个 链接 文字 实际 都 是 一 个 下 拉 型 菜单 ， 将 这 类 操作 涉及 的 最 重要 的 信息 反馈 给 访问 者 ， 如 图 9-15 所 示 ， 例 如 你 在 购物 车 中 加 入 了 几 件 商品 ， 那 里 就 会 出 现 提 示 性 的 数字 ， 点 击 后 展开 下 拉 菜单 ， 将 
购物 车 内 的 商品 、 价 格 、 数 量 以 及 该 去 完成 的 操作 按钮 显示 出 来 ; “我 的 商城 ” 则 会 在 用 户 登录 后 提示 一 些 待 处 理 的 订单 或 消息 数量 ， 点 击 后 可 直达 相关 页 面 ; 搜索 栏 和 分 类 导航 则 提供 给 访问 者 如 何 找到 
商品 的 途径 。 


oO 引 和 同 起 


9 用户 中 1 


9-15 ”商城 关 部 结构 分 析 


作为 购物 流程 中 必 不 可 少 的 各 类 操作 ， 应 尽 可 能 地 放 在 最 容易 看 到 的 地 方 ， 让 用 户 可 以 连贯 地 完成 一 次 购物 体验 。 试 想 如 果 在 商品 详情 页 面 中 点 击 按钮 将 商品 放 入 了 购物 车 ， 却 因为 找 不 到 进入 购物 车 
的 相关 按钮 而 让 用 户 产生 疑惑 [1] 或 者 说 用 户 虽然 找到 了 购物 车 按钮 ， 却 忘记 了 里 面 曾经 加 过 什么 商品 ， 买 了 多 少 件 ， 已 经 花 了 多 少 钱 ? 而 是 还 要 跳 转 进入 结算 页 面 后 才能 看 到 ， 这 样 也 就 丧失 了 让 用 户 继续 
购买 的 时 机 。 我 们 日 常生 活 中 ， 在 超市 购物 ， 把 商品 放 入 购物 车 ， 自 己 可 以 清晰 地 看 到 ， 购 物 完 毕 后 才 去 银 台 结 算 ， 现 实生 活 中 的 购物 车 不 是 一 个 “黑色 的 纸箱 子 ”， 商 品 放 进 去 了 就 不 知道 是 什么 了 ， 应 
该 透明 、 清 晰 、 直 观 地 体现 已 加 入 购物 车 的 商品 。 这 些 能 提高 用 户 体验 的 细节 控制 也 是 在 设计 页 面 时 必须 考虑 到 的 问题 。 


四 购物 车 操作 的 形式 不 同 于 直接 购买 ， 不 会 立即 跳 转 进入 结算 界面 。 


9.2.3 ”焦点 广告 区 域 的 制作 


焦点 广告 占据 着 首页 第 一 屏 重要 的 位 置 ， 将 最 重点 的 活动 、 商 品 进行 切换 或 滚动 展示 ， 也 是 使 整体 风格 搭配 协调 ， 个 性 鲜明 的 有 效 手段 。 这 里 ， 暂 不 对 如 何 做 好 广告 图 的 作 图 方法 进行 描述 ， 着 重 说 一 
下 首页 可 切换 通栏 banner 的 页 面 代码 实现 部 分 ， 如 代码 清单 9-15 所 示 。 


代码 清单 9-15 ”首页 焦点 区 域 满 屏 广告 切换 效果 代码 示例 


<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title> 首 页 焦点 区 域 满 屏 广 告 切换 效果 </title> 
<style type="text/css"> 
重新 定义 Html 元 素 


html, body, div, ul, ol, li { padding: 0; margin: 0;} 
ul, ol { list-style: none outside none;} 
img { border: medium none;} 
/* 首页 焦点 区 域 
A rT 生 和 六 
.home-focus-layout { width: 100%; height: 481lpx; position: relative; z-index: 1;} 
/* 满 屏 背 静 切换 焦点 图 */ 
.full-screen-slides { width: 100%; height: 481lpx; position: relative; z-index: 1;} 
.full-screen-slides 1i { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0;} 
.full-screen-slides li a { text-indent: -9999px; display: block; width: 776px; height: 300px; margin-left: -388px; position: absolute; z-index: 2; left: 50%;} 
/* 切换 控制 按钮 */ 
.full-screen-slides-pagination { font-size: 0; filter: progid:DXImageTransform.Microsoft.gradient (enabled='true', startColorstr='#33FFFFFF', endColorstr="'#33FFFFFF'); backgrour 
.full-screen-slides-pagination 1i { filter:progid:DXImageTransform.Microsoft.gradient (enabled='true', startColorstr='#3F000000', endColorstr="'#3F000000'); background: rgba(0,0， 
.full-screen-slides-pagination a { width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px;} 
.full-screen-slides-pagination .current { background: #F30;} 
</style> 
</head> 
<body> 
<!-- 首页 焦点 区 域 Begin--> 
<div cla: home-focus-layout"> 
<!-- 自 适应 横向 宽屏 背景 广告 切换 B --> 
<ul id="fullScreenSlides" class="full-screen-slides"> 
<1i><a href="javascript:void(0);">&nbsp;</a></1i> 
<li><a href="javascript:void(0);">&nbsp;</a></1i> 
<li><a href="javascript:void(0);">&nbsp;</a></1i> 


<1i><a href="javascript:void(0);">&nbsp;</a></1i> 
<1i><a href="javascript:void(0);">&nbsp;</a></1i> 
</ul> 
</div> 
<!-- 首页 
</body> 
<script src="js/jquery.js"></script> 
<script> 
$ (function(){ 
var numpic 
Var nownow 
Var i 
Var 
Var SPEED = 5000; 
$('#fullScreenSlides 1i') .eq(0) .siblings('1i') .css({'display':'none'}); 
var ulstart = '<ul id="pagination" class="full-screen-slides-pagination">', 
ulcontent = "''), 
ulend = '</ul>'; 
ADDLI () 7 
Var pagination = $('#pagination 1i'); 
var paginationwidth = $('#pagination') .width() 7 
$('#Pagination') .css('margin-left', (372-paginationwidth) ) 
pagination.eq(0) .addClass ('current') 
function ADDLI(){ 
//var lilicount = numpic + 1; 
for(var i = 0; i <= numpic; i++){ 
ulcontent += '<li>' + '<a href="#">"' + (i+1) + '</a>' + '</li>'; 


域 End--> 


$('#fullScreenSligdes 1i').size()-1; 
0; 


$('#fullScreenSlides') .after (ulstart + ulcontent + ulend); 
} 
pagination.on('click',DOTCHANGE) 
function DOTCHANGE (){ 
Var changenow = $ (this) .index(); 
$('#fullScreenSlides 1i') .eq(nownow) .css('z-index','900'); 
$('#fullScreenSlides 1i') .eq(changenow) .css ({'z-index':"'800'}).show(); 
pagination.eq(changenow) .addClass ('current') .siblings ('l1i') .removeClass ('current'); 
$('#fullScreenSlides 1i') .eq (nownow) .fadeOut (400, function() {$('#fullScreenSlides 1i') .eq(changenow) .fadeIn(500);}); 
nownow = changenow; 
} 
Pagination.mouseenter (function(){ 
inout = 1; 
所 
Pagination.mouseleave (function(){ 
inout = 0; 
}) 
function GOGO(){ 
Var NN = nownow+17 
if( inout == 1 ){ 
} else { 
if (nownow < numpic) { 
$('#fullScreenSlides 1i') .eq(nownow) .css('z-index','900'); 
$('#fullScreenSlides 1i') .eq(NN) .css({'z-index':'800'}) .show(); 
pagination.eq (NN) .addClass ('current') .siblings('1i') .removeClass ('current'); 
$('#fullScreenSlides 1i') .eq (nownow) .fadeOut (400, function () {$('#fullScreenSlides 1i') .eq(NN) .fadeIn (500);}); 
nownow += 1; 
J}elsel{ 
NN= 0; 
$('#fullScreenSlides 1i') .eq(nownow) .css('z-index','900°'); 
$('#fullScreenSlides 1i') .eq (NN) .stop (true,true) .css ({'z-index':'800'}) .show(); 
$('#fullScreenSlides 1i') .eq (nownow) .fadeOut (400, function() {$('#fullScreenSlides 1i') .eq(0) .fadeIn (500);}); 
Pagination.eq (NN) .addClass ('current') .siblings('1i') .removeClass ('current'); 
Downow=07 


} 


et 


} 
TT = setTimeout (GOGO, SPEED); 
} 
TT = setTimeout (GOGO, SPEED); 
ER 


</script> 
</html> 
分 析 上 述 代 码 内 容 ， 主 体 部 分 很 简单 ， 即 对 “.home-focus-layout” 块 中 的 ul li 内 容 进行 切换 ， 注 意 ， 这 里 是 以 li 背景 填充 形式 出 现 的 图 片 ， 通 过 JS 实 现 淡出 淡 入 的 轮换 播放 ， 并 且 产 生 


id= “pagination” 的 控制 条 ， 可 手动 指定 切换 到 想 要 的 图 片 。CSS 部 分 设 定 这 个 满 屏 广告 区 域 宽度 为 100%， 高 度 为 481 像 素 ， 而 实际 链接 区 域 <A> 则 是 固定 了 宽 和 高 的 一 个 小 区 域 ， 之 所 以 这 样 做 是 为 了 
配合 首页 特殊 的 布局 形式 ， 给 焦点 广告 区 域 的 左 侧 商 品 分 类 导航 与 右 侧 商城 公告 等 内 容 让 出 位 置 来 ， 而 整体 上 又 作为 大 区 块 背景 出 现 。 


哆 | 


这 部 分 焦点 广告 也 可 以 通过 平台 后 台 进 行 设 定 ， 只 需 上 传 符合 需求 的 广告 图 片 和 设置 好 配合 这 张 图 的 背景 色 保存 即 可 。 程 序 会 控制 将 模板 中 “.full-screen-slides li” 的 bakcground 的 相应 属性 来 插入 


设 定 值 。 


9.2.4 ”内容 块 的 制作 与 可 视 化 编辑 理念 


除去 本 节 提 到 的 首页 头 部 及 焦点 部 分 ， 首 页 大 篇 幅 的 内 容 为 楼 层 形式 的 版 块 区 域 ， 它 包含 了 标题 、 广 告 、 商 品 、 热 门 分 类 、 推 荐 品牌 等 商城 需要 在 首页 推广 的 相关 信息 。 考 虑 到 一 个 商城 在 实际 运营 
中 ， 首 页 的 内 容 经 常 要 进行 调整 、 更 新 、 版 块 维护 ， 这 就 需要 程序 员 及 网 页 美工 等 协作 完成 ， 这 势必 影响 效率 增加 维护 成 本 。 那 么 能 不 能 让 首页 变 得 清新 、 便 捷 、 维 护 简单 ， 稍 加 专业 培训 的 文员 都 可 以 进 
行 设置 并 推荐 商品 和 更 新 广告 呢 ? 


作为 一 款 成 熟 的 商城 产品 ， 用 户 体验 度 不 应 简单 地 停留 在 访问 层面 上 ， 而 是 要 渗透 到 操作 层 、 管 理 层 等 更 深 的 范围 。 平 台 可 视 化 编辑 版 块 区 域内 容 的 设计 理念 也 就 应 运 而 生 。 


内 容 块 可 视 化 编辑 应 满足 以 下 几 个 设计 重点 。 


“ 可 开启 关闭 楼 层 模 块 ， 并 可 调节 楼 层 排序 ; 


“ 层 版 块 可 设 定 不 同 的 颜色 风格 ; 


“版块 标 题 可 设 定 为 图 片 标题 或 文字 化 标题 ; 


“ 推荐 分 类 、 推 荐 商品 、 推 荐 品牌 等 内 容 均 可 手动 选择 ; 


“ 推荐 商品 与 广告 区 域 可 增加 标签 切换 ; 


“ 具有 轮 播 形式 的 广告 。 


[ 


带 着 这 些 思路 与 设计 重点 ， 让 我 们 具体 来 看 看 如 何 实现 前 后 台 对 应 可 视 化 完成 首页 模块 内 容 编辑 。 如 图 9-16 所 示 ， 首 页 版 块 设 定 部 分 满足 了 设计 重点 中 的 前 两 点 需要 ， 通 过 选择 不 同 的 预 设 值 色 彩 ， 给 
版 块 附加 对 应 的 class 值 。 例 如 ， 版 块 被 设 定 为 红色 系 的 ， 则 模板 页 面 增加 版 块 ， 对 应 语句 是 div class=“home-standard-layout wrapper style-red” ， 其 中 “style-red” 是 控制 这 个 块 的 色彩 样式 名 ， 这 
个 版 块 内 的 文字 、 边 框 、 链 接 都 会 符合 预 设 色彩 需求 。 另 外 楼 层 的 排序 、 版 块 的 可 见 性 都 在 此 进行 设 定 并 保存 。 


红色 粉色 桶 色 绿色 蓝 色 


图 9-16 首页 模块 设 定 


有 了 初期 的 设 定 ， 还 需要 对 版 块 内 容 进行 编辑 管理 。 如 何 能 让 使 用 者 在 最 短 的 时 间 内 上 手 操作 呢 ? 最 有 效 的 方法 就 是 “所 见 即 所 得 ”形式 。 把 管理 的 界面 做 得 和 生成 后 的 界面 基本 统一 ， 只 是 多 了 “ 编 
辑 ” 等 按钮 以 进行 框 体 参数 设 定 ， 只 要 点 几 下 鼠标 ， 就 能 把 一 个 版 块 的 内 容 更 新 好 ， 而 且 不 需要 生成 首页 预览 ， 直 接 在 管理 界面 就 能 看 到 比例 缩放 后 的 效果 。 可 视 化 编辑 的 原理 是 将 一 个 楼 层 版 块 又 划分 成 
6~7 个 小 的 模块 ， 每 个 模块 都 可 以 进行 独立 的 编辑 ， 然 后 存 入 数据 库 ， 版 块 从 数据 库 读 取 后 调 入 布局 中 ， 如 果 满意 后 再 点 击 生 成 版 块 ， 则 这 一 楼 层 的 内 容 就 保存 起 来 了 。 反 反复 复 几 次 这 样 的 操作 ， 色 彩 不 
同 、 内 容 不 同 、 多 广告 、 多 商品 的 首页 楼 层 版 块 即 可 形成 。 图 9-17 为 首页 模块 可 视 化 编辑 示意 图 。 


图 9-17 首页 模块 可 视 化 编辑 示意 图 


通过 上 述 几 小 节 的 描述 ， 大 家 应 该 清楚 了 一 个 B2B2C 类 型 的 商城 首页 的 结构 特征 ， 功 能 类 型 以 及 对 整 站 起 到 什么 样 的 作用 ， 如 何 提升 其 实 ， 


性 与 易 操作 性 等 。 


9.3 ”商品 详情 页 面 


9.3.1 ”商品 页 面 布局 方式 


一 个 商城 的 前 台 ， 主 要 以 三 种 功能 类 型 的 页 面 构成 : 第 一 是 聚合 类 ， 即 商城 的 首页 、 频 道 页 面 、 主 题 页 面 等 ;第 二 是 索引 类 ， 即 商品 列表 、 上 店铺 列表 、 品 牌 列表 等 ， 而 它们 最 终 都 将 访问 者 引 向 第 三 种 
展示 类 ， 即 商品 详情 页 面 ， 也 可 以 说 它 是 最 终 商品 销售 的 重要 环节 。 


商品 详情 页 面 是 商城 及 店铺 直接 面向 访问 者 的 界面 ， 是 其 最 终 决 定 是 否 购买 该 商品 ， 形 成 一 笔 交易 的 唯一 途径 。 那 么 ， 让 我 们 从 消费 者 的 角度 出 发 ， 分 析 一 下 有 哪些 因素 会 促成 一 次 成 功 的 商品 销售 ， 
如 图 9-18 所 示 。 


站 内 收藏 站 


CD 商品 是 否 和 我 所 尖 ? 
号 价格 人 : 销 是 否 诱 人 ? 一 全 


销售 情况 和 口碑 ? OPEN 
客服 的 是 否 令 我 满意 ? 


逛 逛 店铺 其 他 商 ， 


图 9-18 ”商品 详情 页 中 各 种 元 素 对 访客 的 影响 


从 入 口 页 面 进入 商品 详情 页 面 后 ， 首 先 要 有 明确 的 标题 、 人 价格、 图片、 运费、 规格 等 与 商品 直接 相关 的 内 容 ， 这 就 和 身份 证 件 一 样 ， 是 每 个 商品 所 必需 的 ， 其 次 ， 一 段 详尽 、 精 彩 的 商品 描述 也 是 必 不 
可 少 的 内 容 之 一 。 当 上 面 的 条 件 都 具备 了 ， 这 时 候 ， 作 为 消费 群体 ， 他 们 会 看 看 这 款 商品 的 销量 如 何 、 口 碑 如 何 、 店 铺 的 服务 如 何等 侧 向 辅助 信息 ， 来 增强 对 该 商品 的 认 知 度 ， 网 络 购物 不 同 于 实体 销售 ， 
因为 并 不 是 实物 购买 ， 所 以 很 多 情况 下 购买 者 缺少 信心 ， 始 终 在 寻找 别人 的 帮助 ， 销 售 记 录 列 表 、 已 购 者 评价 与 晒图 等 无 疑 是 最 好 的 “ 旁 敲 侧 击 ” 手 段 。 突 出 显示 的 “立即 购买 ”和 “加 入 购物 车 ”按钮 可 
以 让 访客 轻松 完成 接 下 来 要 做 的 事 儿 ， 即 使 这 时 并 不 想 购 买 也 能 加 入 收藏 或 分 享 商品 给 别人 ， 这 又 为 该 商品 提供 了 更 多 的 销售 机 会 。 另 外 ， 店 铺 商 品 推荐 、 店 铺 客服 等 也 是 必 不 可 少 的 元 素 ， 可 以 主动 推荐 
店内 其 他 商品 给 消费 者 ， 获 得 更 大 的 销量 。 一 个 页 面 中 要 体现 如 此 之 多 的 内 容 ， 似 乎 每 一 个 环节 都 是 那么 的 重要 ， 如 何在 一 个 页 面 中 排版 呢 ? 


如 图 9-19 所 示 ， 商 品 详情 页 面 中 的 头 部 、 足 部 与 商城 其 他 页 面 同样 使 用 全 局 化 设计 ， 为 保持 B2B2C 商 城 的 统一 性 ， 包 含 顶部 、 导 航 与 所 在 位 置 、 帮 助 、 版 权 等 内 容 ; 第 一 屏 上 半 部 分 为 商品 信息 主体 ， 
以 及 前 面 所 提 到 的 商品 名 称 、 价 格 、 运 费 、 规 格 等 ， 还 有 有 具有 放大 镜 效果 的 多 图 展示 特效 ,无 论 是 什么 类 型 的 商品 ， 这 些 内 容 都 是 必 不 可 少 的 ， 在 商品 发 布 时 也 是 必 选 项 ;该 页 右 侧 为 店铺 相关 信息 、 动 态 
评分 、 联 系 方式 以 及 进入 、 收 藏 店铺 等 操作 提示 或 链接 ; 其 下 方 为 “立即 购买 ”、“ 加 入 购物 车 ”两 个 最 突出 的 按钮 以 及 收藏 、 分 享 商品 的 操作 链接 。 说 到 这 里 不 得 不 提 一 下 ，“ 立 即 购买 ”与 “加 入 购物 
车 ”有 必要 同时 存在 吗 ?” 笔 者 认为 这 是 两 种 截然 不 同 的 操作 体验 ， 点 击 “ 立 即 购买 ”按钮 后 ， 直 接 进 入 购物 车 进行 结算 ， 选 择 “ 加 入 购物 车 ” 则 并 不 离开 当前 页 面 ， 访 客 还 可 以 浏览 其 他 商品 并 再 次 添加 到 
购物 车 ， 最 后 一 起 进行 结算 ， 这 样 可 以 满足 A、B 两 种 购买 意愿: 


“ A 类 : 购买 意愿 非常 强烈 ， 可 以 马上 结账 付款 ， 给 人 消费 的 冲动 感 ， 适 合 购物 目的 明确 的 人 群 需要 ; 


“ B 类 : 购买 意愿 比较 强烈 ， 等 待 付 款 ， 但 喜欢 一 次 性 购买 多 宗 商 品 ， 寻 求 更 多 搭配 或 优惠 的 人 群 需要 。 


其 实 ， 收 藏 和 分 享 也 可 以 被 划分 到 具有 潜在 购买 意愿 的 群体 中 ， 满 足 有 兴趣 但 暂时 不 需要 购买 ， 想 做 个 标记 以 后 再 说 或 者 分 享 给 别人 看 看 的 群体 。 


商品 主体 信息 部 分 的 下 方 被 分 为 左右 两 个 区 域 ， 左 侧 的 侧 边栏 用 来 显示 该 商品 的 二 维 码 (方便 手机 用 户 扫描 网 址 并 分 享 ) 、 店 铺 客服 列表 (结合 在 线 IM 功 能 使 用 ) 、 店 内 搜索 、 店 铺 销售 排行 、 店 铺 分 
A Re ete tit ii 


右 侧 依 次 为 商品 详情 、 商 品评 价 、 购 买 记 录 和 购买 咨询 。 正 常情 况 下 平 铺展 开 ， 随 向 下 浏览 次 序 排列 ， 同 时 也 具有 Tab 切 换 功 能 ， 点 击 某 内 容 的 Tab 标 签 按钮 ， 则 可 将 这 部 分 的 内 容 直接 显示 到 顶端 位 
置 ， 方 便 访 客 快速 了 解 想 知道 的 信息 。 商 品 详情 为 店铺 自行 编辑 的 内 容 ， 这 里 不 做 过 多 阐述 ， 但 好 的 商品 介绍 如 同一 个 精彩 的 故事 一 般 ， 能 很 好 地 吸引 消费 者 ， 越 是 详尽 的 商品 介绍 对 产品 的 销售 越 有 帮 
助 。 商 品 销量 、 评 价 、 咨 询 这 些 都 是 很 有 效 的 推动 销售 的 方式 ， 增 加 购买 者 对 于 该 商品 另 一 个 侧面 的 了 解 ， 是 不 可 或 缺 的 内 容 。 


最 下 方 为 店铺 推荐 商品 ， 根 据 店铺 自行 推荐 的 商品 随机 显示 。 


对 应 图 9-15 的 内 容 来 看 ， 该 页 面 将 所 有 必须 的 内 容 都 合理 安排 进去 ， 丰 富 而 不 杂乱 ， 并 且 商 城 所 有 页 面 保持 统一 ， 使 访客 迅速 形成 固定 的 浏览 习惯 ， 想 看 什么 内 容 到 什么 地 方 去 找 ， 变 得 很 容易 。 
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图 9-19 商品 详情 页 内 容 元 素 布局 


9.3 ”商品 详情 页 面 


9.3.1 ”商品 页 面 布局 方式 


一 个 商城 的 前 台 ， 主 要 以 三 种 功能 类 型 的 页 面 构成 : 第 一 是 聚合 类 ， 即 商城 的 首页 、 频 道 页 面 、 主 题 页 面 等 ; 第 二 是 索引 类 ， 即 商品 列表 、 店 铺 列表 、 品 牌 列表 等 ， 而 它们 最 终 都 将 访问 者 引 向 第 三 种 


展示 类 ， 即 商品 详情 页 面 ， 也 可 以 说 它 是 最 终 商品 销售 的 重要 环节 。 


如 图 


商品 详情 页 面 是 商城 及 店铺 直接 面向 访问 者 的 界面 ， 是 其 最 终 决 定 是 否 购买 该 商品 ， 形 成 一 笔 交易 的 唯一 途径 。 那 么 ， 让 我 们 从 消费 者 的 角度 出 发 ， 分 析 一 下 有 哪些 因素 会 促成 一 次 成 功 的 商品 销售 ， 
9-18 所 示 。 


站 内 收藏 站 分 享 
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图 9-18 ”商品 详情 页 中 各 种 元 素 对 访客 的 影响 


从 入 口 页 面 进入 商品 详情 页 面 后 ， 首 先 要 有 明确 的 标题 、 价 格 、 图 片 、 运 费 、 规 格 等 与 商品 直接 相关 的 内 容 ， 这 就 和 身份 证 件 一 样 ， 是 每 个 商品 所 必需 的 ， 其 次 ， 一 段 详尽 、 精 彩 的 商品 描述 也 是 必 不 
可 少 的 内 容 之 一 。 当 上 面 的 条 件 都 具备 了 ， 这 时 候 ， 作 为 消费 群体 ， 他 们 会 看 看 这 款 商品 的 销量 如 何 、 口 碑 如 何 、 店 铺 的 服务 如 何等 侧 向 辅助 信息 ， 来 增强 对 该 商品 的 认 知 度 ， 网 络 购物 不 同 于 实体 销售 ， 
因为 并 不 是 实物 购买 ， 所 以 很 多 情况 下 购买 者 缺少 信心 ， 始 终 在 寻找 别人 的 帮助 ， 销 售 记 录 列 表 、 已 购 者 评价 与 晒图 等 无 疑 是 最 好 的 “ 旁 敲 侧 击 ” 手 段 。 突 出 显示 的 “立即 购买 ”和 “加 入 购物 车 ”按钮 可 
以 让 访客 轻松 完成 接 下 来 要 做 的 事 儿 ， 即 使 这 时 并 不 想 购 买 也 能 加 入 收藏 或 分 享 商品 给 别人 ， 这 又 为 该 商品 提供 了 更 多 的 销售 机 会 。 另 外 ， 店 铺 商 品 推荐 、 店 铺 客服 等 也 是 必 不 可 少 的 元 素 ， 可 以 主动 推荐 
店内 其 他 商品 给 消费 者 ， 获 得 更 大 的 销量 。 一 个 页 面 中 要 体现 如 此 之 多 的 内 容 ， 似 乎 每 一 个 环节 都 是 那么 的 重要 ， 如 何在 一 个 页 面 中 排版 呢 ? 


如 图 9-19 所 示 ， 商 品 详情 页 面 中 的 头 部 、 足 部 与 商城 其 他 页 面 同样 使 用 全 局 化 设计 ， 为 保持 B2B2C 商 城 的 统一 性 ， 包 含 顶部 、 导 航 与 所 在 位 置 、 帮 助 、 版 权 等 内 容 ; 第 一 屏 上 半 部 分 为 商品 信息 主体 ， 
以 及 前 面 所 提 到 的 商品 名 称 、 价 格 、 运 费 、 规 格 等 ， 还 有 具有 放大 镜 效 果 的 多 图 展示 特效 ， 无 论 是 什么 类 型 的 商品 ， 这 些 内 容 都 是 必 不 可 少 的 ， 在 商品 发 布 时 也 是 必 选 项 ; 该 页 右 侧 为 店铺 相关 信息 、 动 态 
评分 、 联 系 方式 以 及 进入 、 收 藏 店铺 等 操作 提示 或 链接 ; 其 下 方 为 “立即 购买 ”、“ 加 入 购物 车 ”两 个 最 突出 的 按钮 以 及 收藏 、 分 享 商品 的 操作 链接 。 说 到 这 里 不 得 不 提 一 下 ，“ 立 即 购买 ”与 “加 入 购物 
车 ”有 必要 同时 存在 吗 ?” 笔 者 认为 这 是 两 种 截然 不 同 的 操作 体验 ， 点 击 “ 立 即 购买 ”按钮 后 ， 直 接 进 入 购物 车 进行 结算 ， 选 择 “ 加 入 购物 车 ” 则 并 不 离开 当前 页 面 ， 访 客 还 可 以 浏览 其 他 商品 并 再 次 添加 到 
购物 车 ， 最 后 一 起 进行 结算 ， 这 样 可 以 满足 A、B 两 种 购买 意愿: 


A 类 : 购买 意愿 非常 强烈 ， 可 以 马上 结账 付款 ， 给 人 消费 的 冲动 感 ， 适 合 购物 目的 明确 的 人 群 需要 ; 


“也 类 : 购买 意愿 比较 强烈 ， 等 待 付款 ,但 喜欢 一 次 性 购买 多 宗 商品 ， 寻 求 更 多 搭配 或 优惠 的 人 群 需要 。 


其 实 ， 收 藏 和 分 享 也 可 以 被 划分 到 具有 潜在 购买 意愿 的 群体 中 ， 满 足 有 兴趣 但 暂时 不 需要 购买 ， 想 做 个 标记 以 后 再 说 或 者 分 享 给 别人 看 看 的 群体 。 


商品 主体 信息 部 分 的 下 方 被 分 为 左右 两 个 区 域 ， 左 侧 的 侧 边栏 用 来 显示 该 商品 的 二 维 码 (方便 手机 用 户 扫描 网 址 并 分 享 ) 、 店 铺 客服 列表 (结合 在 线 |M 功 能 使 用 ) 、 店 内 搜索 、 店 铺 销售 排行 、 店 铺 分 
人 


右 侧 依次 为 商品 详情 、 商 品评 价 、 购 买 记录 和 购买 咨询 。 正 常情 况 下 平 铺展 开 ， 随 向 下 浏览 次 序 排列 ， 同 时 也 具有 Tab 切 换 功能 ， 点 击 某 内 容 的 Tab 标 签 按 钮 ， 则 可 将 这 部 分 的 内 容 直接 显示 到 顶端 位 
置 ， 方 便 访 客 快 速 了 解 想 知道 的 信息 。 商 品 详情 为 店铺 自行 编辑 的 内 容 ， 这 里 不 做 过 多 阐述 ， 但 好 的 商品 介绍 如 同一 个 精彩 的 故事 一 般 ， 能 很 好 地 吸引 消费 者 ， 越 是 详尽 的 商品 介绍 对 产品 的 销售 越 有 帮 
助 。 商 品 销量 、 评 价 、 咨 询 这 些 都 是 很 有 效 的 推动 销售 的 方式 ， 增 加 购买 者 对 于 该 商品 另 一 个 侧面 的 了 解 ， 是 不 可 或 缺 的 内 容 。 


最 下 方 为 店铺 推荐 商品 ， 根 据 店铺 自行 推荐 的 商品 随机 显示 。 


对 应 图 9-15 的 内 容 来 看 ， 该 页 面 将 所 有 必须 的 内 容 都 合理 安排 进去 ， 丰 富 而 不 杂乱 ， 并 且 商 城 所 有 页 面 保持 统一 ， 使 访客 迅速 形成 固定 的 浏览 习惯 ， 想 看 什么 内 容 到 什么 地 方 去 找 ， 变 得 很 容易 。 


商城 全 局 头 部 


人 


店铺 的 动态 评分 


T 
PT 


商品 价格 w 信息 及 联系 方式 
促销 信息 hy 浏览 、 收 藏 店铺 操作 
物流 运费 
规格 参数 
立即 购买 、 添 加 购物 车 
站 外 分 享 、 站 内 收藏 操作 
具有 放大 镜 效 果 一 一 购买 咨询 
商品 评价 
销售 记录 
商品 二 维 码 
在 线 客服 
店内 搜索 = 
销售 排行 a 
号 
名 人 ee 
时 
| 台 
fi 


9.3.2 ”针对 搜索 引擎 的 页 面 优化 制作 


店铺 热门 商品 推荐 


商城 全 局 底部 


图 9-19 商品 详情 页 内 容 元 素 布局 


SEO (搜索 引擎 优化 ) 始终 是 商城 运营 中 被 重视 的 部 分 ， 商 品 详情 页 面 是 商城 前 台 页 面 中 最 常 出 现 的 ， 那 么 在 它 的 优化 制作 上 有 什么 技巧 ， 应 该 注意 哪些 问题 呢 ? 


HTML 标 签 头 title (标题 ) 内 容 ， 是 最 重要 的 页 面 关键 元 素 ， 被 设 定 为 商品 的 名 称 ， 被 搜索 引擎 收录 后 ， 如 果 搜 索 内 容 与 商品 标题 相符 ， 可 直接 对 该 页 面 访问 。Keywords (关键 字 ) 及 Description (页 


面 描述 ) 由 平台 管理 设置 ， 为 商城 级 的 SEO 优化 ， 如 图 


生成 后 的 页 面 源 代 码 可 参考 代码 清单 9-16。 


9-20 所 示 。 


SEO 设置 首页 | 团购 | 品牌 | 积分 中 心 | 文章 | 店铺 及 于 


由 探 作 提示 ~ 


插入 的 变量 必需 包括 花 括号 “0” ， 当 应 用 范围 不 支持 该 变量 时 ， 该 变量 将 不 会 在 前 台 显示 人 喀 量 后 边 的 分 隔 符 也 不 会 显示 )， 留 宝 为 系统 芍 认 设置 ,SEO 自 定义 支持 手 
与 .以 下 是 可 用 SEO 变量 ; 

显示 / 隆 总 全 部 提示 .… 

站 点 名 称 {sitename} . (应 用 范围 : 全 站 ) 

名 称 Iname} ，( 应 用 范围 : 国 购 名 称 、 商 品名 称 、 品 牌 名 称 、 文 章 标 是 、 分 类 名称 ) 

文章 分 类 名 称 fartide_class} ，( 应 用 范围 : 文章 分 类 页 ) 

店铺 名 称 {shopname] ，{ 应 用 范围 : 店 销 页 ) 

关键 词 {key} ，( 应 用 范围 : 商品 关键 词 、 文 章 关键 词 、 上 店铺 关键 词 ) 

简单 摘 述 {description} ，( 应 用 范围 : 商品 搞 述 、 文 章 摘要 、 店 铺 关 贸 词 ) 


[(name) - {sitename} 


[shopNC,{sitename}, {key)} 


ShopNC,{sitename},{descniption} 


9-20 平台 对 商品 页 面 HTML 标 签 头 的 设 定 


加 


代码 清单 9-16 ”商品 详情 页 面 HTML 标 签 头 部 分 


<!doctype html> 

<html lang="zh"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

<title>Hello/ 哈 奴 男 冬装 男士 休闲 纯色 加 绕 打 底 衫 扣子 领 长 视 T 恤 保暖 秋 衣 黑色 M - ShopNC B2B2C 电 商 系统 </title> 
<meta name="keywords" content="ShopNC, ShopNC B2B2C 电 商 系统 ," /> 

<meta name="description" content="ShopNC, ShopNC B2B2C 电 商 系统 ," /> 

<meta name="author" content="ShopNC"> 

<meta name="copyright" content="ShopNC Inc. All Rights Reserved"> 


商品 详情 中 的 商品 标题 和 广告 语 也 应 使 用 <h1> 这 类 语义 化 标签 定义 ， 作 为 该 页 面 中 最 重要 的 内 容 标题 来 。 在 突出 显示 的 价格 等 位 置 尽 量 使 用 <strong> (加 粗 ) 或 者 <em> ( 重 ) 标签 来 制作 页 面 ， 如 
代码 清单 9-17 所 示 。 


| 四 


代码 清单 9-17 ”商品 详情 页 面 的 商品 信息 代码 截取 


<!-- S 商品 基本 信息 --> 
<div class="ncs-goods-summary"> 
<div class="name"> 
<!-- S 商 品 标题 -一 > 
<h1>Hello/ 蛤 奴 男 冬装 男士 休闲 纯色 加 绕 打 底 衫 扣子 领 长 袖 T 恤 保暖 秋 衣 黑色 M</h1> 
<!-- S 商 品 广告 短语 ~-> 
<strong> 季 节 性 促销 优惠 </strong> </div> 
<div class="ncs-meta"> 
<!-- S 商品 参考 价格 --> 
<dl> 
<dt> 市 enbsp; 场 egnbsp; 价 : </dt> 
<dd class="cost-price"><strong>&yen;179.00</strong></dd> 
</d1> 
<!-- S 商品 发 布 价格 --> 
<dl> 
<dt> 商 gnbsp; 城 gnbsp; 价 : </dt> 
<dd class="price"> <strong>&yen; 69.00</strong> </dd> 
</dl> 


合理 运用 Alt 标 签 为 图 片 添加 对 应 名 称 ， 为 链接 <a> 标 记 添 加 title 的 内 容 也 对 优化 有 一 定 的 好 处 ， 如 代码 清单 9-18 所 示 。 


代码 清单 9-18 ”商品 详情 页 面 规格 值 代码 截取 : Alt 及 tilte 的 使 


<!-- S 商品 规格 值 --> 
<dl nctype="nc-spec"> 
<dt> 套 色 : </gdt> 
<dd> 
<ul nctyle="ul sign"> 
<!-- 图 片 类 型 现 格 --> 
<1i class="sp-img"><a href="javascript:void(0);" class="" data- Param="{valid:413}" title=" 灰 色 "><img src="http://www.shopnctest.com/ 
b2b2c/2014/demo/data/upload/shop/store/goods/1/1 04424191938603325_60. 
Jpgn alt=" 灰 色 "/><i></i></a></1i> 加 
<!-- 图 片 类 型 规格 --> 
<1i class="sp-img"><a href="javascript:void(0);" class="" data-param="{valid:414}" title=" 深 灰色 "><img src="http://www.shopnctest .com/b2b2c/2014/demo/data/ 
upload/shop/store/goods/1/1 04424192180844757_60.jpg” alt=" 灰 色 "/><i></i></a></1i> 


<dl nctype="nc-spec"> 
<qdt> 发 码 : </dt> 
<dgd> 
<ul nctyle="ul sign"> 
<!-- 文字 类 型 秽 格 --> 
<li class="sp-txt"><a href="javascript:void(0)" class="hovered" data-param="{valid:408}">M<i></i></a></1i> 


</ul> 
</dd> 


</dl> 
<!-- EE 商品 规格 值 --> 


此 外 代码 内 部 注释 、 


9.4 购物 车 页 面 


9.4.1 购物 车 页 面 设计 特征 


站 内 链接 跳 转 、 永 久 性 导航 、 语 义 化 标签 的 合理 使 用 都 能 起 到 一 定 意义 上 的 作用 。 


B2B2C 商 城 系 统 中 的 购物 车 就 像 平 时 生活 中 在 超市 购物 时 使 用 的 购物 车 一 样 ， 它 用 


构 、 


首先 ， 


全 四 
买 家 用 户 


让 我 们 来 看 看 购物 车 实际 操作 中 的 流程 都 有 哪些 ， 如 图 


设计 思路 与 代码 分 析 ， 本 节 主 要 介绍 其 前 台 页 面 展示 部 分 的 特征 与 细节 内 容 分 析 。 


9-21 所 示 。 


未 做 确认 时 ， 登 录 后 购物 车 保留 商品 ， 进 行 操作 
© 


在 商城 浏览 店铺 和 商品 并 购买 


从 图 

步骤 一 ， 查 看 我 的 购物 车 ; 
步骤 二 ， 填 写 核对 购物 信息 ; 
步骤 三 ， 提 交 生 成 订单 ; 
步骤 四 ， 支 付 订单 完成 。 


在 这 几 个 步骤 中 ， 有 可 能 会 员 没 有 进行 连贯 性 的 操作 ， 比 如 说 : 


的 切入 操作 。 


在 购物 车 的 设计 中 还 应 考虑 到 会 员 
操作 可 以 一 目 了 然 并 放心 使 用 。 


图 
内 容 ， 


可 以 在 订单 未 提交 前 ， 进 行 


9-22 展 示 的 是 ShopNC 商 城 购物 车 一 一 我 的 购物 车 实际 页 画 
都 能 做 哪些 操作 。 第 三 部 分 是 已 经 加 入 购物 车 的 商品 列表 


加 入 购物 车 
Stepl 


9-21 中 我 们 可 以 了 解 到 ，B2B2C 商 城 的 设计 思路 是 将 多 店铺 、 多 商品 加 入 购物 车 ， 


出 减 取消 商品 购买 的 


来 随意 选 购 添加 或 删除 商品 ， 最 后 根据 车 中 的 商品 统一 


未 


a 


选择 收 货 地 址 
选择 发 票 信息 
© 


是 否 使 用 预存 款 


py， 


填写 核对 购物 信息 
Step2 
9-21 购物 车 流程 分 析 图 


合并 进行 结算 ， 步 骤 大 体 上 可 以 分 为 四 步 完 成 。 


购物 后 没有 立即 进行 购物 信息 的 填写 ， 生 成 订单 后 没有 立即 进行 支付 等 等 情况 ， 


情况 ; 


情况 ， 


情况 ， 头 部 与 其 他 页 下 
这 里 可 能 存在 多 家 店铺 的 多 件 商品 ， 


有 所 区 别 ， 以 突出 的 步骤 样式 指引 
单 格 、 数 量 与 店铺 合 


店铺 级 别 的 促销 活动 进行 表述 ， 等 等 。 最 下 方 的 右 侧 则 是 一 个 很 突出 的 按钮 ， 目 的 是 引导 客户 进行 下 一 步 操作 。 


收 货 地址 与 货 到 付款 商品 之 间 的 关联 ， 各 种 价格 、 促 销 、 店 铺 优惠 、 运 费 的 明确 表述 等 ， 


会 员 完成 购物 及 结算 流程 。 


结算 下 单 。 前 面 的 章节 介绍 过 购物 车 功能 在 程序 设计 时 的 结 


结算 时 ， 可 在 用 户 中 心 订单 列表 继续 完成 操作 


公司 


订单 生成 后 可 在 会 员 
中 心 订单 列表 中 查询 


生成 订单 
Step3 


系统 都 应 考虑 到 ， 并 使 其 再 次 完成 该 笔 结算 单 时 能 准确 


让 购买 者 对 购物 车 的 


第 二 部 分 则 是 明显 的 文字 标题 显示 会 员 正 在 操作 什么 


计 、 商 品 总 价 都 有 所 差别 ， 另 外 还 可 以 对 商品 的 数量 进行 增 减 操作 ， 以 及 对 


ShopNPD sn 


精准 定位 客户 市 场 窑 注 电 商 系统 服务 我 的 购 彻 主 


单 从 GE) 


电 喀 
暗 队 


式 织 正 串 a 护 却 央 纪 曾 志 手 玩 洪 输 如意 泪 运 当头 古龙 手 先 
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六 下 一 步 ， 十 写 核 对 购物 仿 


图 9-22 ”购物 车 一 我 的 购物 车 


在 填写 核对 购物 信息 ， 也 就 是 第 二 步 中 ， 应 出 现 收 货 人 信息 、 支 付 方式 、 发 票 信息 及 商品 清单 四 块 内 容 ， 每 一 个 功能 块 都 可 以 在 本 页 内 进行 编辑 操作 ， 即 使 初次 购物 的 用 户 也 不 必 再 跳 转 到 会 员 中 心 等 
其 他 页 面 填写 诸多 内 容 而 打 断 一 次 购物 支付 步骤 ， 如 图 9-23 所 示 。 


〇 网 城 天 创 天 津 天 津 市 红 桥 区 大 丰 路 (水 疹 城 疯 乔 太医 8 层 0 13188888388 [jp ] 
图 使 月 新 地 址 
* 收 货 人 姓名 : 


“所 在 地 区 : | 请 选 择 - ” 辆 


* 详 狙 地 址 : 
语 填 写真 实 塌 址 ， 不 需要 重复 填写 所 在 地 区 


| 三 ) 因 十 电话 : | 


图 9-23 ”购物 车 一 一 收 货 人 信息 


会 员 可 以 选择 已 有 的 地 址 作为 收 货 地 址 或 者 添加 新 的 地 址 到 收 货 人 信息 列表 中 ， 保 存 后 生效 ， 这 样 就 大 大 提高 了 购物 整体 的 流畅 性 ， 并 且 收 货 地 址 的 选择 也 与 支付 方式 中 货 到 付款 类 商品 订单 有 直接 的 
联系 ， 后 面 的 操作 会 根据 地 址 进行 支付 方式 判断 ， 避 免 了 误 操 作 等 。 


图 9-24 展 示 的 是 商品 清单 的 内 容 ， 通 过 与 步骤 一 这 部 分 内 容 比 对 可 以 看 出 区 别 ， 没 有 删除 或 增 减 的 操作 性 按钮 链接 了 ， 因 为 步骤 一 是 对 订单 的 确认 、 步 又 二 则 是 信息 的 填写 ， 在 正式 提交 前 ， 还 可 以 通 
过 返回 购物 车 进行 商品 数量 上 的 修改 。 我 们 可 以 这 样 来 看 步骤 一 、 二 之 间 的 关系 ， 前 者 还 在 你 自己 的 购物 车 里 ， 而 后 者 则 已 经 要 放 到 结账 柜台 上 了 ， 所 以 在 设计 时 应 注意 他 们 之 间 的 特征 与 区 别 。 商 品 清单 
是 明示 所 购 商品 数量 、 价 格 、 运 费 等 等 相关 信息 的 部 分 ， 所 以 价格 要 突出 并 在 色彩 上 有 所 区 分 ， 如 使 用 预存 款 进行 支付 (会员 预存 于 商城 的 金额 ) ， 应 设置 手机 验证 或 密码 验证 等 安全 保护 程序 。 步 又 二 似 
平 看 起 来 需要 会 员 完 成 很 多 项 内 容 的 填写 ， 实 际 如 果 使 用 默认 的 已 有 信息 ， 则 可 直接 点 击 “ 提 交 订单 ” 按 钮 进行 下 一 步 操 作 。 


商品 清单 返回 网 物 车 


¥0.00 
¥16899.00 


¥16899.00 


| 


¥0.00 
¥4988.00 
Y4988.00 


器 使 用 预存 永 支 付 《 当 前 可 用 余额 : ¥¥98128130.99 ， 


| 
| 


图 9-24 ”购物 车 一 一 商品 清单 


图 9-25 为 订单 提交 待 支付 步骤 ， 订 单一 旦 提交 ， 之 前 的 商品 数量 以 及 购物 信息 都 不 能 再 做 修改 了 ， 由 于 是 在 多 店铺 中 进行 了 多 商品 的 购买 ， 系 统 会 自动 拆 成 两 个 订单 号 ， 方 便 会 员 在 已 购 商 品 列表 中 进 
行 后 续 步骤 的 操作 。 


请 您 及 时 付款 ， 以 便 订 单 尽 快 处 理 ! 在 线 支 付 金 额 : ¥21887.00 
订单 号 支付 方式 金额 物流 


由 于 浆 的 商品 由 不 同 商家 发 出 ， 此 单 将 分 为 2 个 不 同 子 订单 配送 ! 


6000000000046802 在 线 去 付 ¥4988.00 


6000000000046801 在 线 支付 ¥16899.00 


支付 选择 


De 


器 确认 提交 支付 


图 9-25 ”购物 车 一 订单 支付 


即便 这 时 候 会 员 没 有 对 订单 进行 及 时 的 支付 ， 还 是 可 以 从 会 员 中 心 已 购 商 品 列表 中 找到 这 笔 待 支付 的 订单 回 到 购物 车 支付 页 面 继续 完成 订单 ， 如 图 9-26 所 示 。 


观 订单 支付 成 功 ! 您 已 成 功 支付 订单 全 额 Y¥21887.00，. 


可 通过 用 户 中 心 已 藉 到 的 商品 查看 订单 状态 。 


这 些 购物 车 的 步骤 内 容 页 面 都 是 根据 图 9-18 的 流程 图 思路 设计 完成 的 ， 我 们 在 页 面 的 布局 


图 9-26 ”购物 车 


订单 支付 完成 


、 内 容 结构 部 分 都 应 在 制作 前 提前 进行 策划 并 与 程序 部 分 进行 沟通 ， 进 行 团队 小 组 会 议 ， 将 流程 步骤 图 分 析 并 


探讨 ， 哪 些 问题 会 在 什么 时 候 出 现 而 影响 正常 的 购物 车 订单 提交 与 结算 的 操作 合理 性 ， 最 终 的 目的 只 有 一 个 ， 就 是 为 了 让 会 员 购 物 能 尽 可 能 的 简单 并 流畅 ， 获 得 更 高 的 用 户 体验 度 。 


9.4 购物 车 页 面 


9.4.1 购物 车 页 面 设计 特征 


B2B2C 商 城 系 统 中 的 购物 车 就 像 平 时 生活 中 在 超 H 


和 购物 时 使 用 的 购物 车 一 样 ， 它 用 


构 、 设 计 思路 与 代码 分 析 ， 本 节 主 要 介绍 其 前 台 页 面 展示 部 分 的 特征 与 细节 内 容 分 析 。 


首先 ， 让 我 们 来 看 看 购物 车 


全 人 CTT 
© 


买 家 用 户 


实际 操作 中 的 流程 都 有 哪些 ， 如 图 


9-21 所 示 。 


商品 C 


在 商城 浏览 店铺 和 商品 并 购买 


3/ 


从 图 9-21 中 我 们 可 以 了 解 到 ，B2B2C 商 城 的 设计 思路 是 将 多 店铺 、 多 商品 加 入 购物 车 ， 


步骤 一 ， 查 看 我 的 购物 车 ; 


加 入 购物 车 
Stepl 


步骤 二 ， 填 写 核对 购物 信息 ; 


步骤 三 ， 提 交 生 成 订单 ; 
步骤 四 ， 支 付 订单 完成 。 


在 这 几 个 步骤 中 ， 有 可 能 会 
的 切入 操作 。 


员 没有 进行 连贯 性 的 操作 ， 比 如 说 : 


9-21 


[2 


选择 收 货 地 址 


=f 


选择 发 票 信息 


© 


‘DD 


是 否 使 用 预存 款 


填写 核对 购物 信息 


Step2 


购物 车 流程 分 析 


来 随意 选 购 添加 或 删除 商品 ， 最 后 根据 车 中 的 商品 统一 结算 下 单 。 前 面 的 章节 介绍 过 购物 车 功能 在 程序 设计 时 的 结 


未 结算 时 ， 可 在 用 户 中 心 订单 列表 继续 完成 操作 


订单 生成 后 可 在 会 员 
中 心 订单 列表 中 查询 


生成 订单 
Step3 


合并 进行 结算 ,步骤 大 体 上 可 以 分 为 四 步 完成 。 


购物 后 没有 立即 进行 购物 信息 的 填写 ， 生 成 订单 后 没有 立即 进行 支付 等 等 情况 ， 系 统 都 应 考虑 到 ， 并 使 其 再 次 完成 该 笔 结算 单 时 能 准确 


在 购物 车 的 设计 中 还 应 考虑 到 会 员 可 以 在 订单 未 提交 前 ， 进 行 删 减 取 消 商品 购买 的 情况 ; 收 货 地 址 与 货 到 付款 商品 之 间 的 关联 ， 各 种 价格 、 促 销 、 店 铺 优惠 、 运 费 的 明确 表述 等 ， 让 购买 者 对 购物 车 的 


操作 可 以 一 目 了 然 并 放心 使 用 。 
9-22 展 示 的 是 ShopNC 商 城 购物 车 一 一 我 的 购物 车 实际 页 面 情况 ， 头 部 与 其 他 页 面 有 所 区 别 ， 以 突出 的 步骤 样式 指引 


会 贝 元 


店铺 级 别 的 促销 活动 进行 表述 ， 等 等 。 最 下 方 的 右 侧 则 是 一 个 很 突出 的 按钮 ， 目 的 是 引导 客户 进行 下 一 步 操作 。 


ShopNb sn 


精准 定位 客户 市 场 窑 注 电 商 系统 服务 


和 
我 的 购 稳 主 


单 人 CD) 


车 开 正 早 a 线 天 包 苗 志 手 玩 江华 各 总和 9 汉 当 关 古 龙 手 于 en 


加 | 莹 果 [APPLE) iPhone 5s 16G 版 3G 手 机 裤 色 】WCDMAIGSM 


图 9-22 ”购物 车 一 一 我 的 购物 车 


在 填写 核对 购物 信息 ， 也 就 是 第 二 步 中 ， 应 出 现 收 货 人 信息 、 支 付 方式 、 发 票 信息 及 商品 清和 
其 他 页 面 填写 诸多 内 容 而 打 断 一 次 购物 支付 步骤， 如 图 9-23 所 示 。 


013188888888  [ 禾 b] 


〇 网 城 天 创 天 津 天 津 市 红 桥 区 大 丰 路 (水 痊 城 砚 乔 太医 8 层 
图 使 月 新 地 址 
+ 收 货 人 姓名 : 


二 所 在 地 区 : 


请 选择 - 。” 国 


二 详细 地 址 : 


四 块 内 容 ， 每 一 个 功能 块 都 可 以 在 本 页 内 进行 编辑 操作 ， 即 使 初次 购物 的 


¥16899 00 


习 |:1 | 区 


启 崩 售 计 ; 


三 免 运 让 


¥4988.00 


国 |: | 医 


商品 总 价 ( 不 含 运营 ) ¥ 21887.00 元 


会 员 完成 购物 及 结算 流程 。 第 二 部 分 则 是 明显 的 文字 标题 显示 会 员 正 在 操作 什么 


内 容 ， 都 能 做 哪些 操作 。 第 三 部 分 是 已 经 加 入 购物 车 的 商品 列表 情况 ， 这 里 可 能 存在 多 家 店铺 的 多 件 商品 ， 单 格 、 数 量 与 店铺 合计 、 商 品 总 价 都 有 所 差别 ， 另 外 还 可 以 对 商品 的 数量 进行 增 减 操作 ， 以 及 对 


忆 纺 
电 除 


¥16899.00 
满 3000 免 运费 


忆 荣 
电 队 


¥4988.00 


当下 一 步 ， 拟 马 核对 欧 物 信息 


请 填 与 真实 地 址 ， 不 需要 重复 入 写 所 在 地 区 


分) 国定 电话 : 


图 9-23 ”购物 车 一 一 收 货 人 信息 


会 员 可 以 选择 已 有 的 地 址 作为 收 货 地 址 或 者 添加 新 的 地 址 到 收 货 人 信息 列表 中 ， 保 存 后 生效 ， 这 样 就 大 大 提高 了 购物 整体 的 流畅 性 ， 并 且 收 货 地 址 的 选择 也 与 支付 方式 中 货 到 付款 类 商品 订 重 


联系 ， 后 面 的 操作 会 根据 地 址 进行 支付 方式 判断 ， 避 免 了 误 操作 等 。 


出 除 或 增 减 的 操作 性 按钮 链接 了 ， 


过 返回 
是 明示 所 购 商品 数量 、 价 格 、 运 费 等 等 相关 信息 的 部 分 ， 所 以 价格 要 突出 并 在 色彩 上 有 所 


9-24 展 示 的 是 商品 清单 的 内 容 ， 通 过 与 步骤 一 这 部 分 内 容 比 对 可 以 看 出 区 别 ， 没 有 


购物 车 进行 商品 数量 上 的 修改 。 我 们 可 以 这 样 来 看 步骤 一 、 二 之 间 的 关系 ， 前 者 还 在 你 自己 的 购 
区 分 ， 如 使 


物 车 里 ， 而 后 者 则 已 经 要 放 到 结账 柜台 上 了 ， 所 以 在 设计 时 应 注意 他 们 之 间 的 特征 与 


户 也 不 必 再 跳 转 到 会 员 中 心 等 


和 有 直接 的 


因为 步骤 一 是 对 订单 的 确认 、 步 又 二 则 是 信息 的 填写 ， 在 正式 提交 前 ， 还 可 以 通 


区 别 。 商 品 清单 


。 步 又 二 似 


预存 款 进行 支付 会 员 预 存 于 商城 的 金额 ) ， 应 设置 手机 验证 或 密码 验证 等 安全 保护 程序 


平 看 起 来 需要 会 员 完成 很 多 项 内 容 的 填写 ， 实 际 如 果 使 用 默认 的 已 有 信息 ， 则 可 直接 点 击 “ 提 交 订 单 ”按钮 进行 下 一 步 操作 。 


¥0.00 


¥16899.00 


¥0.00 
¥4988.00 
¥4988.00 


四 使 用 预存 翰 支 付 “ 当 前 可 用 余额 ¥98128130.99 ) 


| 


图 9-24 ”购物 车 一 一 商品 清单 


图 9-25 为 订单 提交 待 支付 步骤 ， 订 单一 旦 提交 ， 之 前 的 商品 数量 以 及 购物 信息 都 不 能 再 做 修改 了 ， 由 于 是 在 多 店铺 中 进行 了 多 商品 的 购买 ， 系 统 会 自动 拆 成 两 个 订单 号 ， 方 便 会 员 在 已 购 商品 列表 中 进 
行 后 续 步骤 的 操作 。 


请 您 及 时 付款 ， 以 便 订 单 尽 快 处 理 ! 在 线 支 付 金 额 : ¥21887.00 
订单 号 支付 方式 金额 物流 


由 于 您 的 商品 由 不 同 商 家 发 出 ， 目 b 单 将 分 为 2 个 不 同 子 订单 配送 ! 


6000000000046802 在 线 去 付 ¥4988.00 


6000000000046801 在 线 支付 ¥16899.00 屋 递 


支付 选择 


而 可 间 


由 确认 提交 支付 


图 9-25 ”购物 车 


订单 支付 


即便 这 时 候 会 员 没 有 对 订单 进行 及 时 的 支付 ， 还 是 可 以 从 会 员 中 心 已 购 商品 列表 中 找到 这 笔 待 支付 的 订单 回 到 购物 车 支付 页 面 继续 完成 订单 ， 如 图 9-26 所 示 。 


观 订单 支付 成 功 ! 您 已 成 功 支付 订单 全 额 ¥21887.00. 


可 通过 用 户 中 心 已 藉 到 的 商品 查看 订单 状态 。 


图 9-26 ”购物 车 一 一 订单 支付 完成 


这 些 购物 车 的 步骤 内 容 页 面 都 是 根据 图 9-18 的 流程 图 思路 设计 完成 的 ， 我 们 在 页 面 的 布局 、 内 容 结构 部 分 都 应 在 制作 前 提前 进行 策划 并 与 程序 部 分 进行 沟通 ， 进 行 团队 小 组 会 议 ， 将 流程 步骤 图 分 析 并 
探讨 ， 哪 些 问题 会 在 什么 时 候 出 现 而 影响 正常 的 购物 车 订单 提交 与 结算 的 操作 合理 性 ， 最 终 的 目的 只 有 一 个 ， 就 是 为 了 让 会 员 购 物 能 尽 可 能 的 简单 并 流畅 ， 获 得 更 高 的 用 户 体验 度 。 


9.4.2 ”根据 页 面 需要 选择 HTML 标 签 的 技巧 


上 一 节 对 B2B2C 商 城 系统 的 购物 车 步骤 流程 设计 思路 进行 了 详细 的 分 析 ， 以 其 中 最 为 复杂 的 步骤 二 一 “填写 核对 购物 信息 ”页 面 为 例 ， 具 体 谈 一 谈 在 一 个 页 面 中 根据 不 同 的 内 容 使 用 不 同 的 HTML 标 
签 的 技巧 。 


当 一 个 页 面 中 既 存 在 公用 型 样式 又 存在 独立 型 样式 时 ， 我 们 应 该 尽量 的 合理 使 用 HTML 配 合 CSS 文 件 使 页 面 整体 效果 统一 又 符合 代码 规范 。 


收 货 人 信息 路 梁 ] 
网 城 天 创 “天津 天 津 市 红 桥 区 大 丰 路 (水 游 城关 销 大 后 8 屋 。 013188833888 


支付 方式 小区] 
在 线 支付 


发 票 信息 路 次] 
普通 发 不 个 人 肇 品 


商品 清单 返回 内 物 车 


HellohE 瓜 男 冬装 男士 休 济 纯色 加 红 打 底 衫 扣子 祯 长 袖 TD 保 咽 秋 衣 里 色 XL 


¥0.00 
¥69.00 
¥69.00 


[器 使 用 预存 未 支付 《当前 可 用 余额 : 3#98106243-99 ) 


治 录 密码 : | | 人 用 | 


订单 总 金额 : ¥ 69.00 元 


9-27 ”购物 车 一 填写 核对 信息 步骤 整体 效果 


如 图 9-27 所 示 ， 不 难 发 现 ， 收 货 人 信息 、 支 付 方式 、 发 票 信息 、 商 品 清单 部 分 的 标题 内 容 及 描述 类 文字 都 很 统一 ， 使 用 了 同样 的 样式 ， 如 代码 清单 9-19 所 示 。 


代码 清单 9-19 ”购物 车 页 面 HTML 内 容 截取 


<!-- S 收 件 人 信息 --> 
<div class="ncc-receipt-info"> 
<div class="ncc-receipt-~info-title"> 
<h3> 收 货 人 信息 </h3> 
<a id="edit reciver" nc type="buy edit" href="javascript:void(0)">[ 修 改 ]</a> </div> 


<div id="addr list" class="ncc-candidate-items"> 
<ul> 
<1i> <span class="true-name"> 网 城 天 创 </span> <span class="address"> 天 津 天 津 市 红 桥 区 大 丰 路 (水 游 城 ) 冠 竺 大 厦 8 层 </span> <span class="phone"> <i class="icon- 
mobile-phone"></i> 13188888888 </span> </1i> 
</ul> 
</div> 


</div> 

<!-- E 收 件 人 信息 --> 

<!-- S 支 付 方式 --> 

<div id="paymentCon" class="ncc-receipt-info"> 
<div class="ncc-receipt-info-title"> 


<h3> 支 付 方式 </h3> 
<a id="edit payment" nc type="buy edit" href="javascript:void(0)">[ 修 改 ]</a> 
</div> 
<div class="ncc-candidate-items"> 
Ey 
<1i> 在 线 支付 </1i> 
</ul> 
</div> 
</div> 
<!-- 了 支付 方式 --> 


cc-receipt-info"> 

ncc-receipt-info-title"> 

‘</h3> 

edit invoice" nc type="buy edit" href="javascript:void(0)">[ 修 改 ]</a> </div> 
<div id="invoice list" class="ncc-candidate-items"> 


<ul> 
<1i> 普 通 发 票 个 人 饰品 </1i> 
</ul> 
</div> 
</div> 
<!-- 发 


<!-- S 商 品 清单 --> 


<!-- S 商 品 清单 --> 


每 一 个 信息 块 是 以 class= “ncc-receipt-info” 的 DIV 来 布局 ， 其 内 部 又 都 以 class= “ncc-receipt-info-title” 和 class= “ncc-candidate-items” 两 个 DIV 分 成 标题 与 内 容 两 个 区 域 ， 内 容 区 域 又 都 使 
了 ul、|li 的 列表 形式 ， 而 css 部 分 只 需要 定义 一 次 对 应 的 class 内 容 就 可 以 了 ， 因 此 这 些 内 容 在 表现 形式 上 取得 了 统一 性 。 


那么 独立 性 又 体现 在 什么 地 方 呢 ? 每 个 内 容 块 的 标题 后 面 都 有 “编辑 ”的 链接 文字 ， 点 击 后 内 容 区 域 会 变 成 相关 的 表单 提交 形式 ， 而 这 些 提交 表单 的 内 容 与 正常 信息 显示 的 列表 内 容 截 
9-23 所 示 的 提交 收 件 人 信息 部 分 的 表单 就 使 用 了 dl、dt、dd 的 标签 来 控制 ， 如 代码 清单 9-20 所 示 。 


不 同 。 例 如 


[ 


代码 清单 9-20 ”购物 车 页 面 - 收 件 人 信息 新 增 表单 页 面 代码 截取 


<div id="addr list" class="ncc-candidate-items"> 
<ul> 
<1i class="receive add address_ item">http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/. .http://www.hzcourse.com/resov 
<1i class="receive add addr item"> 
<div id="add addr box"> 
i ncc-form-default"> 
addr form" action="index.php" method="POST"> 
<input type="hidden" name=". "buy"> 


<input type="hidden" name="op" value="add addr"> 
<input type="hidden" value="ok" name="form submit"> 
<dl> 
<dt> <i class="required">*</i> 收 货 人 姓名 : </dt> 
<dd> 
<input id="true name" class="text w100" type="text" value="" maxlength="20" name="true name"> 
</dd> 
</G1> 
<dl> 
<dt> <i class="required">*</i> 所 在 地 区 : </dt> 
<dd> 


<div id="region"> 
<select class="w110"> 
<option>- 请 选择 -</option> 
<option value="1"> 北 京 </option> 
<option value="2"> 天 津 </option> 
<option value="3">http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/. .http://www.hzcourse.com/res 
</select> 
<input id="city id" type="hidden" name="city id" value=""> 
<input id="area id" class="area ids" type="hidden" name="area id"> 
<input id="area info" class="area names" type="hidden" name-"area info"> 
</div> 
</dd> 
</dl> 
http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/..http://www.hzcourse.com/resource/readBook?path=/openresour 
</form> 
</div> 
</div> 
</ul> 
</div> 


在 shopnc 商 城 系统 中 的 表单 类 型 HTML 标 签 选 择 上 ， 都 是 使 用 的 这 类 格式 ，dt 用 来 定位 输入 项 名 称 ，dd 用 来 定位 input 内 容 、 验 证 、 提 示 信 息 等 ， 所 以 这 里 依旧 符合 其 余 页 面 的 规则 ， 但 又 区 别 于 本 页 
原 有 块 内 容 形式 。 


和 


又 如 图 9-24 所 示 ， 商 品 清单 这 里 结构 规则 ， 更 适合 使 用 table 来 制作 ， 因 此 这 里 的 html 标 签 我 们 选择 使 用 table、tbody、td、tr 等 ， 如 代码 清单 9-21 所 示 。 


代码 清单 9-21 ”购物 车 页 面 -商品 清单 部 分 表格 布局 代码 截取 


<table class="ncc-table-style"> 
<thead> 
<tr> 
<th class="w20"></th> 
<th></th> 
<th> 商 品 </th> 
<th class="w120"> 单 价 (元 ) </th> 
<th class="w120"> 数 量 </th> 
<th class="w120"> 小 计 </th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<th colspan="20"> <i class="icon-home"></i> <a href="http://www.shopnctest .com/b2b2c/2014/demo/shop/shop-1.html" target=" blank"> 官 方 店铺 </a> 
<div class="store-sale"> </div> 
</th> 
</tr> 
<tr id="cart item 612" class="shop-list "> 
<td><input type="hidden" name="cart id[]" value="612|1"></td> 
<td class="w60"><a class="ncc-goods-thumb" target=" blank" href="http://www.shopnctest.com/b2b2c/2014/demo/shop/item-320.html"> <img alt="Hello/ 哈 奴 男 冬装 男士 休闲 纯色 加 绒 打 | 
<td class="t1"><dql class="ncc-goods-info"> 证 
<dt> <a target=" blank" href="http://www.shopnctest.com/b2b2c/2014/demo/shop/item-320.html">Hello/ 哈 奴 男 冬 装 男 士 休 闲 纯色 加 绕 打 底 衫 扣子 领 长 视 T 恤 保暖 秋 衣 黑色 XL</a> </dt> 
<dd> </dd> 
</dl></td> 
<td class="w120"> ¥ <em>69.00</em></td> 
<td class="w60">1</td> 
<td class="w120"> ¥ <em id="item612 subtotal" nc type="eachGoodsTotal">69.00</em></td> 
</tr> 
> 
<td class="w10"></td> 


<td class="tl" colspan="2"> 买 家 留言 : 
<input class="text w340" type="text" maxlength="150" name="pay message[1]" value=""></td> 
<td class="tl" colspan="10"><div class="ncc-form-default"> </div></td> 
“tr 
te 
<td class="tr" colspan="20"><div class="ncc-store-account"> 
<dl class="freight"> 
<dt> 运 费 : </dt> 
<dd> ¥ <em id="eachStoreFreight 1">0.00</em> </dd> 
</dl> 
<dl> 
<qdt> 商 品 金 额 ，</dt> 
<dd> ¥ <em id="eachStoreGoodsTotal 1">69.00</em> </dd> 
</dl> 二 
<dl class="total"> 
<dt> 本 店 合 计 : </dt> 
<dd> ¥ <em nc type="eachStoreTotal" store id="1">69.00</em> </dd> 
</dl> 加 加 
</div></td> 
</tr> 
KE 
<td class="pd-account" colspan="20"><div class="ncc-pd-account"> 
<div class="mt5 mb5"> 
<label> 
<input class="vm mr5" type="checkbox" name="pd pay" value="1" checked=""> 
使 用 预存 款 支付 〈 当 前 可 用 余额 : <em>¥¥98106243.99</em> ) </label> 
</div> 
<div id="pd_password"> 登录 密码 ;: 
<input id="password" class="text wl120" type="password" maxlength="35" name="password" value=""> 
<input id="password callback" type="hidden" name="password callback" value=""> 
<a id="pd pay submit" class="ncc-btn-mini ncc-btn-orange" href="javascript:void(0)"> 使 用 </a> </div> 
</div></td> 
</tr> 
</tbody> 
<tfoot> 
REY 
<td colspan="20"><div class="ncc-all-account"> 订单 总 金额 : 站 <em id="orderTotal">69.00</em> 元 </div></td> 
</tr> 
</tfoot> 
</table> 


table 类 标签 更 适合 制作 规整 的 多 项 列表 、 表 格 内 容 ， 但 由 于 表 内 内 容 各 异 ， 根 据 具体 情况 使 用 其 余 HTML 标 签 ， 并 在 价格 等 需要 突出 显示 的 位 置 进行 合理 的 控制 ， 如 使 用 <em> 标 签 并 定义 特殊 的 class 
控制 色彩 等 方法 。 


通过 B2B2C 商 城 购物 车 页 面 的 实例 分 析 ， 说 明 一 个 页 面 的 制作 需要 考虑 页 面 的 内 容 都 有 哪些 ， 元 素 之 间 有 什么 共同 点 ， 又 有 什么 不 同 点 ， 然 后 再 根据 所 需 选 择 合适 的 标签 ， 能 重复 使 用 的 就 不 再 独立 创 
建 ， 如 需 新 建 样式 也 应 选择 符合 站 点 其 他 页 面 的 HTML 标 签 使 用 规则 。 因 为 我 们 分 析 的 代码 内 容 都 是 页 面 生 成 后 的 效果 ， 而 真实 模板 并 非 如 此 ， 夹 杂 了 语言 包 与 PHP 标 签 、 循 环 等 内 容 的 页 面 ， 合 理 地 选择 
标签 能 让 代码 条 例 更 清晰 ， 在 谋 套 循环 的 时 候 更 简单 、 日 后 的 维护 工作 也 更 容易 一 些 。 


9.5 订单 页 面 


9.5.1 ”购物 详 单 设计 理念 


B2B2C 商 城 系 统 中 的 购物 详 单 也 称 为 “订单 详情 ”， 是 在 买 家 中 心 的 订单 列表 页 面 中 用 来 查询 具体 某 一 笔 订 单 时 显示 的 页 面 。 会 员 可 以 通过 对 订单 详情 的 查看 ， 了 解 这 笔 订 单 的 一 切 相 关 信息 ， 包 括 成 
交 时 间 、 金 额 、 数 量 、 收 货 信 息 以 及 商家 的 发 货 状 态 、 物 流 单 号 等 ， 可 以 说 它 是 一 张 电子 消费 清单 。 


随 着 电子 商城 不 断 发 展 ， 日 趋 成 熟 ， 功 能 越 做 越 细 ， 信 息 量 越 来 越 大 ， 一 些 页 面 模板 就 需要 更 新 以 适应 需求 。 如 图 9-28 所 示 ， 这 是 商城 系统 原 有 使 用 中 的 订单 详情 模板 ， 一 些 信息 内 容 都 有 所 体现 ,但 
只 是 平 铺 内 容 ， 按 照 标题 将 所 有 要 展示 的 信息 摆 在 那里 ， 整 体 看 上 去 虽然 没有 什么 过 多 的 问题 ， 但 也 似乎 缺少 重点 ， 如 在 页 面 中 找到 想 要 的 信息 ， 不 熟悉 的 用 户 则 需要 逐一 内 容 去 看 。 另 外 页 面 中 缺少 步 


流程 性 的 表现 ， 也 没有 操作 提示 类 的 帮助 ， 仅 仪 算是 一 个 标准 的 订单 信息 展示 页 。 


下 吊 时 间 : 2014-04-14 17:20:11 


应 请 各 : 我 们 只 实 手机 下 话 品 妈 : 
QQ: 12345678 旺旺 : 112313123 


育 品 书 称 单 愉 数量 。。 育 品 总 夫 


一 ， 


六 东 果 [APPLE》iPhone 58 16G 浆 3G 手 机 【全 双 ) WCDMANGSM 


订单 总 履 : 鸳 988.00 【 苇 运 多 ) 
支付 方丈 ; 祝 让 至 

下 adjial: 2014-04-14 17.2011 
人 Bajal: 2014-04-14 17:20-11 


癸 茂 单 号 :750450811211171025 


此 偶 人 : 同 汗 天 闻 13189988888,022-88893838 大汉 天 泽 市 红 杭 区 太 主 疝 休 潜 记 亲朋 太 司 8 芭 


如 家 于 2014-04-14 17:20-11 控 交 了 订单 
不 字 于 20140414172011 寺 成 了 付 东 


前 而 上 操 和 莹 才 | 广告 合作 | 联系 巷 |] | 关于 ShopNC 


Copyright 2007-2014 ShopNCInc All rights resemved. 
Powered by ShopNC 


图 9-28 原 订 单 详情 页 面 


为 了 解决 以 上 提 及 的 不 足 之 处 ,使 订单 详情 页 更 加 条 理 清晰 、 步 骤 明 确 、 信 息 丰 富 且 又 不 拖泥带水 ,我 们 重新 设计 了 这 个 页 面 ， 如 图 9-29 所 示 。 


人 kenhan， ZID 林 列 SpANIC 【B282C】 电 两 系 污 [8] TH 单 - 拉 过 呈 -A - 


ShopND 商城 | 7/ ”下 市 吕 和 7 全 ”好 RS ~ 
一 


粘 兴 定位 实 户 市 场 专 三 电 襄 系 优 隐 各 ee 


扬 有 商品 分 类 3 轿子 
三 首页 》 和 MW 》 生 5 林 音 


我 的 商城 


名 订 间 本 志 ; 到 由 收 货 . 


OO ES Dl 7 = 


Fé 1 人 外史 怕 和 人 4 收 ， 贡 加 葬 后 出 现 同 题 ， 您 可 以 习 系 商 天 协 到 圾 到 
kivenhan 区 宗 同 詹 ! 


生 如 归 商 果 流 有 狠 行 应 尽 的 承 诸 ， 友 月 以 下 本 和 投 沂 绒 仅 * 演 程 
订单 增色 : 5000000000000901 


两 家; 言 方 应 靖 
有 妓 问 口 言词 会 干 台 窑 砚 


支付 订单 


2014-03-24 17%41:18 2014-03-24 17;41:18 2014-03-24 17;42:19 


8h 才 
交易 评价 癸 香 商品 名字 


中 株 信 人 2 且 ; 有 中 做 各 要 车: INT 和 23 二- 


pn 分 锅 正品 2014 否 凌 才 条 女 线 葵 衬 织 衫 开标 外 到 汉 吕 相 轩 已 
EL 3 


局 乔 共 拒 司 式 接生 落 守 气 衫 开 箭 克 淡 再 马 忆 忆 12900 


让 生动 !“ 沁 网 攻 ”( 且 100 项 10 六 RNISU) 


[ 免 运 盈 ) 
可 单 应 付 全 和 巷 ! 119.00 元 


首页 | 汉民 页 才 | 合作 及 洁 苇 | 开 系 我们 | 关于 ShopNC 
Copmight 2007-2014 ShopINC inc Allrights raservsd 


Pomwered by ShopVC 


9-29 ”新 订单 详情 页 面 


重新 设计 过 的 订单 详情 页 面 看 上 去 要 比 要 有 的 内 容 少 很 多 ， 其 实 是 将 更 多 的 附属 信息 以 鼠标 触及 显示 的 形式 做 成 了 隐藏 块 ， 增 加 了 中 间 部 分 的 交易 流程 步骤 以 及 右 侧 上 方 的 订单 状态 与 操作 提示 内 容 ， 
如 果 把 全 部 内 容 有 所 体现 ， 信 息 量 非 常 丰富 ， 如 图 9-30 所 示 。 


通过 立体 结构 图 我 们 看 到 ， 这 个 订单 详情 页 面 其 实 隐 含 了 大 量 的 相关 信息 ， 仪 仅 通 过 这 个 页 面 用 户 就 能 对 一 笔 订 单 的 所 有 内 容 进行 查询 并 根据 提示 完成 操作 ， 步 又 及 逻辑 性 加 以 优化 。 将 重要 的 信息 直 
接 显示 、 更 多 内 容 隐藏 显示 ， 待 处 理 的 事项 进行 文字 提示 帮助 并 突出 可 操作 按钮 ， 即 使 初次 使 用 商城 系统 的 用 户 ， 通 过 直观 的 流程 步骤 图 也 能 知道 当前 商品 交易 正 处 于 什么 状态 。 这 些 改进 比 先前 那 种 平 铺 
式 的 布局 要 清晰 直观 很 多 ， 而 页 面 的 篇 幅 却 要 远 远 小 于 过 去 。 美 观 、 简 洁 、 指 向 性 强 ， 作 为 订单 详情 页 面 改造 的 目标 在 此 有 所 体现 。 


订单 编号 、 支 付 、 时 间 详 情 货 人 信息 详情 


发 代 人 信息 详情 


物流 单 号 跟踪 坦 询 


9-30 ”订单 详情 页 面 结构 分 析 


9.5 订单 页 面 


9.5.1 ”购物 详 单 设计 理念 


B2B2C 商 城 系 统 中 的 购物 详 单 也 称 为 “订单 详情 ”， 是 在 买 家 中 心 的 订单 列表 页 面 中 用 来 查询 具体 某 一 笔 订 单 时 显示 的 页 面 。 会 员 可 以 通过 对 订单 详情 的 查看 ， 了 解 这 笔 订 单 的 一 切 相关 信息 ， 包 括 成 
交 时 间 、 金 额 、 数 量 、 收 货 信 息 以 及 商家 的 发 货 状态 、 物 流 单 号 等 ， 可 以 说 它 是 一 张 电子 消费 清单 。 


随 着 电子 商城 不 断 发 展 ， 日 趋 成 熟 ， 功 能 越 做 越 细 ， 信 息 量 越 来 越 大 ， 一 些 页 面 模板 就 需要 更 新 以 适应 需求 。 如 图 9-28 所 示 ， 这 是 商城 系统 原 有 使 用 中 的 订单 详情 模板 ， 一 些 信息 内 容 都 有 所 体现 , 但 
只 是 平 铺 内容 ， 按 照 标题 将 所 有 要 展示 的 信息 摆 在 那里 ， 整 体 看 上 去 虽然 没有 什么 过 多 的 问题 ， 但 也 似乎 缺少 重点 ， 如 在 页 面 中 找到 想 要 的 信息 ， 不 熟悉 的 用 户 则 需要 逐一 内 容 去 看 。 另 外 页 面 中 缺少 步骤 
流程 性 的 表现 ， 也 没有 操作 提示 类 的 帮助 ， 仅 仅 算 是 一 个 标准 的 订单 信息 展示 页 。 


下 吊 时 间 : 2014-04-14 17:20:11 


应 请 各 : 我 们 只 实 手机 下 话 品 妈 : 
QQ: 12345678 旺旺 : 112313123 


育 品 书 称 单 愉 数量 。。 育 品 总 夫 


一 ， 


六 东 果 [APPLE》iPhone 58 16G 浆 3G 手 机 【全 双 ) WCDMANGSM 


订单 总 履 : 鸳 988.00 【 苇 运 多 ) 
支付 方丈 ; 祝 让 至 

下 adjial: 2014-04-14 17.2011 
人 Bajal: 2014-04-14 17:20-11 


癸 茂 单 号 :750450811211171025 


此 偶 人 : 同 汗 天 闻 13189988888,022-88893838 大汉 天 泽 市 红 杭 区 太 主 疝 休 潜 记 亲朋 太 司 8 芭 


如 家 于 2014-04-14 17:20-11 控 交 了 订单 
不 字 于 20140414172011 寺 成 了 付 东 


前 而 上 操 和 莹 才 | 广告 合作 | 联系 巷 |] | 关于 ShopNC 


Copyright 2007-2014 ShopNCInc All rights resemved. 
Powered by ShopNC 


图 9-28 原 订 单 详情 页 面 


为 了 解决 以 上 提 及 的 不 足 之 处 ,使 订单 详情 页 更 加 条 理 清晰 、 步 骤 明 确 、 信 息 丰 富 且 又 不 拖泥带水 ,我 们 重新 设计 了 这 个 页 面 ， 如 图 9-29 所 示 。 


人 kenhan， ZID 林 列 SpANIC 【B282C】 电 两 系 污 [8] TH 单 - 拉 过 呈 -A - 


ShopND 商城 | 7/ ”下 市 吕 和 7 全 ”好 RS ~ 
一 


粘 兴 定位 实 户 市 场 专 三 电 襄 系 优 隐 各 ee 


扬 有 商品 分 类 3 轿子 
三 首页 》 和 MW 》 生 5 林 音 


我 的 商城 


名 订 间 本 志 ; 到 由 收 货 . 


OO ES Dl 7 = 


Fé 1 人 外史 怕 和 人 4 收 ， 贡 加 葬 后 出 现 同 题 ， 您 可 以 习 系 商 天 协 到 圾 到 
kivenhan 区 宗 同 詹 ! 


生 如 归 商 果 流 有 狠 行 应 尽 的 承 诸 ， 友 月 以 下 本 和 投 沂 绒 仅 * 演 程 
订单 增色 : 5000000000000901 


两 家; 言 方 应 靖 
有 妓 问 口 言词 会 干 台 窑 砚 


支付 订单 


2014-03-24 17%41:18 2014-03-24 17;41:18 2014-03-24 17;42:19 


8h 才 
交易 评价 癸 香 商品 名字 


中 株 信 人 2 且 ; 有 中 做 各 要 车: INT 和 23 二- 


pn 分 锅 正品 2014 否 凌 才 条 女 线 葵 衬 织 衫 开标 外 到 汉 吕 相 轩 已 
EL 3 


局 乔 共 拒 司 式 接生 落 守 气 衫 开 箭 克 淡 再 马 忆 忆 12900 
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9-29 ”新 订单 详情 页 面 


重新 设计 过 的 订单 详情 页 面 看 上 去 要 比 要 有 的 内 容 少 很 多 ， 其 实 是 将 更 多 的 附属 信息 以 鼠标 触及 显示 的 形式 做 成 了 隐藏 块 ， 增 加 了 中 间 部 分 的 交易 流程 步骤 以 及 右 侧 上 方 的 订单 状态 与 操作 提示 内 容 ， 
如 果 把 全 部 内 容 有 所 体现 ， 信 息 量 非 常 丰富 ， 如 图 9-30 所 示 。 


通过 立体 结构 图 我 们 看 到 ， 这 个 订单 详情 页 面 其 实 隐 含 了 大 量 的 相关 信息 ， 仪 仅 通 过 这 个 页 面 用 户 就 能 对 一 笔 订 单 的 所 有 内 容 进行 查询 并 根据 提示 完成 操作 ， 步 又 及 逻辑 性 加 以 优化 。 将 重要 的 信息 直 
接 显示 、 更 多 内 容 隐藏 显示 ， 待 处 理 的 事项 进行 文字 提示 帮助 并 突出 可 操作 按钮 ， 即 使 初次 使 用 商城 系统 的 用 户 ， 通 过 直观 的 流程 步骤 图 也 能 知道 当前 商品 交易 正 处 于 什么 状态 。 这 些 改进 比 先前 那 种 平 铺 
式 的 布局 要 清晰 直观 很 多 ， 而 页 面 的 篇 幅 却 要 远 远 小 于 过 去 。 美 观 、 简 洁 、 指 向 性 强 ， 作 为 订单 详情 页 面 改造 的 目标 在 此 有 所 体现 。 


订单 编号 、 支 付 、 时 间 详 情 货 人 信息 详情 


@ TW 而 


14.03-24 17:42:19 


发 代 人 信息 详情 


(多 EE) 
订 举 应 全 要: 下 


物流 单 号 跟踪 坦 询 


9-30 ”订单 详情 页 面 结构 分 析 


9.5.2 ”订单 中 要 有 哪些 内 容 


一 个 订单 中 需要 有 哪些 内 容 ， 首 先 要 了 解 交 易 的 业务 流程 关系 。 前 面 的 章节 我 们 介绍 过 用 户 购买 商品 加 入 购物 车 以 及 结算 订单 的 步骤 流程 ， 这 仅仅 是 整体 交易 流程 的 前 半 部 分 ， 当 订单 提交 并 付款 后 ， 
才 真 正 进 入 了 交易 流程 。 


全 = 名 1 
买 家 用 户 买 家 收 货 I 
vy O 

1 收 到 货 后 不 满意 

/| 当 买 卖 双方 未 做 处 理 操作 时 ， 各 1 可 申请 退 款 退货 
个 节点 系统 将 采取 自动 处 理 机 制 。 I , 
购物 车 I 1 
MW ! v 


te © @ — @ 目 仿 
9 一 = a > 这 一 〇 “> 
国 一 下 这 项 二 的 和 © 在 太吉 让 而 号 “ 夺 导 在 系统 规定 的 时 加 I 


生成 订单 间 段 内 进行 支付 支付 完成 间 段 内 商家 发 货 快递 物流 间 段 内 确认 收 货 收 货 确 认 1 交易 评价 


1 O 1 ED 
vy CUES 


! FFT 1 
、 1 


i 合计 ES 和 于 荔 > 人 S 卫 <- - - 
Ga 国 呈 E > [pm < EVDUTSGTD ” ly 
订单 回收 站 库房 商家 店铺 退换 货 


-> 


图 9-31 ”订单 处 理 整 体 流程 图 


9-31 中 ， 对 订单 整体 流程 做 了 形象 化 的 图 示 ， 其 中 从 “生成 订单 ”到 “交易 评价 ”之 间 ， 五 步 实 线 相连 的 内 容 为 一 个 正常 的 成 功 订 单 主线 ， 当 然 ， 也 可 能 会 有 取消 订单 、 退 款 退货 等 非 成 功 订单 问题 
的 存在 ， 图 中 虚线 位 置 为 这 些 可 能 性 的 简单 描述 ， 具 体 流程 请 参考 第 三 章 相关 章节 内 容 。 


[ 岗 


9 


此 我 们 在 订单 详情 页 面 应 该 明确 地 将 这 五 个 步骤 告知 买 家 ， 并 在 相应 位 置 提示 如 遇 非 正常 流程 应 如 何 处 理 及 相关 链接 按钮 ， 这 样 买 家 就 很 清楚 目前 交易 的 进度 以 及 自己 能 做 什么 、 该 做 什么 。 这些 对 
于 一 次 成 功 的 交易 至 关 重要 ， 也 可 大 大 提升 用 户 体验 度 。 例 如 图 9-32 所 示 ， 这 是 订单 交易 的 第 二 步 订 单 提交 待 支 付 状 态 下 的 提示 ， 买 家 能 够 通过 这 些 文字 知道 自己 应 该 及 时 地 对 订单 进行 支付 ， 最 后 期 限 是 
什么 时 候 ， 如 果 不 想 购买 了 应 该 如 何 操作 ， 等 等 。 


人 的 订单 状态 : 订单 已 经 提交 , 等待 买 家 付款 


1. 您 尚未 对 该 订单 进行 支付 ， 请 时 =p 让 EE 类 | 以 确保 两 家 及 时 家 贷 。 
2 如 果 您 不 想 购买 此 订单 的 商品 ， 请 选择 | 取消 订单 | 操作 。 
3. 如 果 您 未 对 该 笔 订 单 进 行 支付 操作 ， 系 统 将 于 2014-04-17 17:26:11 自动 天 闭 该 订单 。 


9-32 ”订单 详情 待 支付 订单 操作 提示 信息 


除了 明确 的 交易 状态 提示 ， 买 家 的 收 货 信息 、 卖 家 的 发 货 信 息 与 联系 方式 、 发 货 后 的 物流 状态 查询 、 所 购 商品 列表 等 都 必须 有 正确 的 显示 ， 这 些 内 容 都 有 助 于 买 家 更 好 的 了 解 一 次 交易 的 全 部 信息 。 如 
到 9-30 订 J 单 详情 页 面 结构 图 中 所 示 。 


在 产品 设计 开发 过 程 中 ， 永 远 要 将 自己 设身处地 的 当成 一 位 用 户 去 看 待 自己 制作 的 页 面 ， 如 果 我 是 一 名 对 计算 机 操作 或 网 络 购物 并 不 熟悉 的 用 户 ， 会 产生 什么 疑虑 ”又 需要 哪些 帮助 才能 很 好 地 解决 问 
题 ? 不 要 让 用 户 在 你 制作 的 页 面 中 四 处 寻找 他 们 想 要 的 内 容 ， 而 应 该 把 这 些 放 在 他 们 的 眼前 ， 这 才 是 一 款 成 熟 产品 理应 具备 的 素质 。 


9.5.3 ”状态 步骤 的 设计 与 制作 


进度 式 的 流程 步骤 及 操作 提示 是 一 种 很 直观 的 表现 形式 ， 在 用 户 中 心 除了 商品 详情 页 面 中 使 用 了 这 样 的 表现 形式 ， 在 退 款 \ 退 换 货 、 投 诉 、 举 报 等 有 可 能 涉及 买卖 双方 操作 的 流程 类 详情 内 容 页 ， 都 采用 
了 此 类 设计 。 见 图 9-33 和 图 9-34。 


提交 订单 支付 订单 商家 发 货 确认 收 货 评价 
@ 


2014-07-01 10:36:38 


9-33 ”订单 详情 步骤 样式 设 ? 开始 时 


提交 订单 支付 订单 商家 发 货 确认 收 货 评价 
但 人 一 介 一 名 


2014-02-20 17:20:17 2014-02-20 17:20:17 2014-02-21 10:27:37 2014-02-27 11:34:37 2014-03-11 15:49:07 


图 9-34 ”订单 详情 步骤 样式 设 


如 代码 清单 9-22 所 示 ， 我 们 截取 此 段 页 面 的 部 分 代码 ， 分 析 一 下 它 是 如 何 制 作 的 。 


代码 清单 9-22 ”订单 详情 页 面 步骤 样式 制作 的 HTML 部 分 


<div id="order-step" class="ncm-order-step"> 
<dl class="step-first current"> 
<dt> 提 交 订 单 </dt> 
<dd class="bg"></dd> 
<dq class="date" title=" 下 单 时 间 ">2014-02-20 17:20:17</dd> 


</dl> 
<dl class=""> 
<dt> 支 付 订单 </qt> 


<dd class="bg"> </dd> 3 
<dq class="date" title=" 付 款 时 间 ">2014-02-20 17:20:17</dd> 


</d1> 
<dl class=""> 
<dt> 商 家 发 货 </dt> 


<dd class="bg"> </dd> 
<dd class="date" titile=" 发 货 时 间 ">2014-02-21 10:27:37</dd> 


</d1> 
<dl class=""> 
<dt> 确 认 收 货 </gt> 


<dd class="bg"> </dd> 
<dqd class="date" title=" 完 成 时 间 ">2014-02-27 11:34:37</dd> 


</d1> 
<dl class=""> 
<dt> 评 价 </dt> 


<dd class="bg"></dd> 


<dqd class="date" title=" 完 成 时 间 ">2014-03-11 15:49:07</dd> 


</d1> 
</div> 


代码 清单 9-23 


.ncm-order-step { 
font-size: 0; 

*word-spacing:-1px/*IE6、 7*/; 
margin-top: 30px; 
position: relative; 
z-index: 1; 

E 

.ncm-order-step dl { 
font-size: 12px; 
line-height: 20px; 


订单 详情 页 面 步 骤 样 式 制 作 的 CSS 部 分 


background: url(./images/pics.png) no-repeat -45px 0; 


Vertical-align: top; 
letter-spacing: normal; 
word-spacing: normal; 
display: inline-block; 

*display: inline/*IE7*/; 
width: 215px; 
height: 36px; 
margin: 50px 0 60px -lpx; 
position: relative; 
z-index: auto; 

*zoom: 1/*IET*/; 

.ncm-order-step dl.step-first { 
background-position: 0 0; 
width: 36px; 
margin-left: S50px; 

} 

.ncm-order-step dl dt { 
font-weight: 600; 
text-align: center; 
width: 60px; 
position: absolute; 
z-index: 1; 
top: -30px; 
right: 一 1L2Px7 

} 

.ncm-order-step dl.current dt { 
color: #FD6760; 

} 

.ncm-order-step dl dd.bg { 


background: url(./images/pics.png) no-repeat -40px -40px; 


display: none; 
width: 220px; 
height: 36px; 
position: absolute; 
z-index: 1; 

top: 0; 

right: 0; 

} 

.ncm-order-step dl.step-first dd.bg { 
background-position: 0 -40px; 
width: 36px; 

} 

.ncm-order-step dl dd.date { 
font: 12px/20px Tahoma, Arial; 
Color: #999; 
text-align: center; 
display: none; 
width: 120px; 
position: absolute; 


z-index: 
bottom: -40px; 
right: -42px; 


} 

.ncm-order-step dl.current dd { 
display: block; 

} 


代码 片段 9-16 为 订单 详情 页 面 流程 步骤 块 的 HTML 部 分 代码 内 容 ， 在 一 个 div 布 局 中 使 用 了 5 个 并 列 的 dl|、dt、dd 形 式 ， 没 一 个 dl 代表 一 个 节点 段 ，dt 为 当前 订单 节点 文字 ， 两 个 dd 则 


间 内 容 ， 分 别 以 不 同 的 class 控 制 ， 结 构 简单 清晰 。 


再 来 看 看 对 应 控制 这 部 分 的 


“ncm-order-step” 是 外 转 


CSS 代 码 内 容 ， 见 代码 清单 9-17。 


整体 div 的 class， 其 中 “font-size: 0; *word-spacing: -1px/*IE6、7*/; ”是 为 了 去 除 下 级 dl 使 


级 “ncm-order-step dl” 使 
有 “position: absolute; ”绝对 


云 


CSS sprite 技 术 ， 靠 背景 
属性 ， 靠 top 和 left 值 来 定位 对 于 该 段 内 容 正 确 


“display: inline-blo 


来 设 定 


片 和 时 


ck; ”属性 时 ， 浏 览 器 产生 间距 的 问题 。 下 


片 表现 了 每 个 步骤 节点 段 的 样式 ;， 并且. 


有 “position: relative; ”相对 


层 属性 ， 为 了 控制 


5] 


的 显示 位 置 。 这 种 靠 外 围 


浏览 器 兼容 性 高 。 
step dl” 上 的 class 来 控制 的 ， 如 当前 的 class 为 空 则 下 
dl” 


background-position 值 即 可 。 


“.ncm-order-step dl dd.bg” 这 个 cla 


图 


来 控制 每 个 节点 处 圆 的 


SS 


形 表 现 ， 


属 的 dt dd 内 容 都 会 相应 “display: nono;“ 
的 class 都 是 current。 最 后 ， 仔 细 观 察 这 五 个 dl 会 发 现 ， 第 一 个 起 始 状 态 点 要 窄 于 其 余 的 阶段 , 


这 种 形式 的 步骤 制作 也 可 以 转化 成 菜单 、Tab 切 换 卡 等 ， 根 据 页 面 需求 灵活 使 用 。 


9.6 ”本章 小 结 


本 章 概述 了 在 网 页 设计 、 制 作 过 程 中 一 些 常 见 问题 及 工作 技巧 ， 并 以 ShopNC B2B2C 商 城 系统 为 例 ， 介 绍 了 设计 制作 电子 购物 类 网 站 所 应 遵循 的 原则 ， 设 计 的 理念 ， 
因此 示例 中 的 代码 片段 都 是 节选 页 面 生成 后 的 内 容 ， 仅 供 学 习 交 流 。 通 过 这 个 : 


间 的 关系 和 部 分 代码 分 析 。 由 于 
了 解 电子 商城 的 交易 流程 、 操 作 


本 章 我 们 以 使 


原 商 城 模板 中 含有 部 分 PHP 语 句 ， 
原理 ， 能 对 大 家 的 学 习 与 工作 起 到 帮助 ， 共 同 进步 。 


面 的 dt 及 dd 位 
进行 内 联 块 的 横向 排列 ， 子 级 内 容 绝对 定位 的 写法 能 很 准确 地 让 几 个 节点 段 都 显示 定位 很 准确 、 


， 而 其 下 级 的 dt、dd 都 具 


“ncm-order-step dl dd.date” 则 是 下 方 的 


只 有 当 class= “current” 时 才 是 已 完成 的 步骤 样式 ， 如 
为 没有 左 侧 的 横向 连接 线 ， 只 需要 给 这 个 特殊 的 dl 再 加 


因 


了 站， 


第 10 章 ” 电 商 平台 的 安装 与 部 署 


期 小 字 。 而 步 


又 进行 到 什么 阶段 是 靠 程序 判断 “ncm-order- 
图 9-34 所 示 ， 则 是 五 个 “ncm-order-step 
上 “step-first” 的 class， 设 定 它 独立 的 宽度 及 


以 及 页 面 的 结构 特征 与 购买 流程 之 


笔者 也 希望 对 网 页 前 端 开发 从 业者 、 爱 好 者 能 更 好 地 


LNMP (Linux+Nginx+MySQL+PHP) 架构 的 ShopNC B2B2C 商 城 系统 在 CentOS 6.4 x64 安 装 为 例 ， 讲 解 安 装 与 部 署 过 程 。 核 心软 件 信息 如 表 10-1 所 示 。 


表 10-1 核心 软件 列表 


名 称 版 本 安装 路 径 用 途 


Nginx 1.4.7 /usr/local/nginx Web 服务 融 


PHP 5.4.26 /usr/local/php Web 服务 天 
MySQL /usr/local/mysgl 数据 库 服务 器 


Redis .88 /usr/local/redis 缓存 服务 器 


xunsearch 1.4.8 


Na a 即时 通信 服务 吕 


/usr/local/xs 搜索 服务 器 


10.1 Web 服务 器 部 署 


Web 服 务 器 主要 安装 Nginx 和 PHP。 
1.Nginx 的 安装 与 部 署 


1) 下 载 依赖 库 : openssl、zlib、pcre。 


wget http://www.openssl.org/source/openss1-1.0.01.tar.gz 

tar zxf openssl-1.0.01.tar.gz 

mv openssl-1.0.01 openssl 

wget http://zlib.net/zlib-1.2.8.tar.gz 

tar zxf zlib-1.2.8.tar.gz 

mr 2Z1ib-1,.2.8 zlib 

wget ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.33.tar.gz 
tar zxf pcre-8.33,tar.gz 

mv pcre-8.33 pcre 


2) 开始 安装 Nginx。 


# 创建 Nginx 运 行 所 需 账户 及 所 在 组 

groupadd www 

useradd -r -g www www -s /sbin/nologin 

# 下 载 源 码 安装 包 并 解压 

cd /usr/local/src/ 

wget http://nginx.org/download/nginx-1.4.7.tar.gz 
tar zxf nginx-1.4.7.tar.gz 

cd nginx-1.4.7 

# 配置 Nginx 编 译 参数 

./configure \ 

prefix=/usr/local/nginx" \ 
sbin-path=/usr/local/nginx/sbin/nginx" \ 
conf-path=/usr/local/nginx/conf/nginx.conf" \ 
--error-log-path=/usr/local/nginx/log/error.1log" \ 
http-log-path=/usr/local/nginx/log/access.1l0og" \ 
pid-path=/usr/local/nginx/var/nginx.pid" \ 
lock-path=/usr/local/nginx/var/nginx.lock" \ 
"--http-client-body-temp-path=/tmp/clientbody" \ 
--http-proxy-temp-path=/tmp/proxy" \ 
"--http-fastcgi-temp-path=/tmp/fastcgi" \ 
--http-uwsgi-temp-path=/tmp/uwsgi" \ 
"--http-scgi-temp-path=/tmp/scgi" \ 

--user=www" \ 

group=Wwww" \ 

with-file-aio" \ 

with-http realip module" \ 
ith-http ssl module" \ 
th-openssl=/usr/local/src/openssl" \ 
th-http gzip static module" \ 
with-zlib=/usr/local/src/zlib" \ 
with-http_ stub status module" \ 
with-pcre=/usr/local/src/pcre" \ 
without-select module" \ 

without-poll module" \ 

without-http ssi module" \ 
without-http userid module" \ 

without-http geo module" \ 
without-http empty gif module" \ 
without-http map module" \ 

without-mail pop3 module" \ 

without-mail imap module" \ 
--without-mail smtp module" 

# 编译 安装 

make 

make install 


3) 防火 墙 开放 80 端 口 : 


Vi /etc/sysconfig/iptables 

-A INPUT -m state --state NEW -m multiport -p tcp --dport 22,80 -j ACCEPT 
# 重启 防火 墙 服务 

service iptables restart 

# 创建 Nginx 相 关 目 录 

mkdir /usr/local/nginx/conf/vhosts 
mkdir -p /var/log/nginx/shop 

mkdir /var/run/nginx 

Chown -R www:www /var/log/nginx 
Chown -R www:www /var/run/nginx 

# 创建 商城 主 程序 存放 目录 


mkdir /wwwroot 


编辑 Nginx 配 置 文件 ， 设 置 基本 参数 : 


Vi /usr/local/nginx/conf/nginx.conf 
user www; 
worker processes 2; 


error log /var/log/nginx/error.log error; 
pid /var/run/nginx/nginx.pid; 
events { 


} 


worker connections 10240; 
use epoll; 
multi accept on; 


http { 
include mime.types; 
default type application/octet-stream; 
client body buffer size 8k; 
client body temp path /tmp/client body temp; 
client body timeout Jp 


client header buffer size 32k; 
large client header buffers 4 32k; 
client header timeout 30; 
client max body size 32m; 
#keepalive disable msie6 safari; 
keepalive timeout 3; 


tcp_ nodelay on; 

send timeout 30; 

sendfile on; 

tcp nopush on; 

Server names hash max size S12 


server names hash bucket size 128; 
server tokens off; 
open file cache off; 


#index 

index index.php index.html index.htm; 
#fastcgi 

fastcgi connect timeout 607 

fastcgi read timeout 60; 

fastcgi_send timeout 60; 

fastcgi temp path /tmp/fastcgi temp 1 2; 

fastcgi buffer size 64Kk; 

fastcgi buffers 256 4k; 

fastcgi max temp file size 256k; 

fastcgi intercept errors on; 

fastcgi index 河 index.php; 
#proxy 

Proxy_temp path /tmp/proxy_temp; 

proxy buffer size 4k; 

proxy buffering on; 

Proxy buffers 256 4k; 

proxy_ busy buffers size 8k; 
#gzip 

gzip on; 

gzip buffers 16 4k; 

gzip comp level hp 

gzip http version 1.1; 

gzip min Tength 1024; 

gzip types text/css text/xml text/plain text/vnd.wap.wml application/x-javascript 


#realip module 


set real ip from 127.0.0.1» 

Set _ real ip from 10.0.0.0/8; 

set real ip from 172.16.0.0/20; 
Set_ real ip from 192.168.0.0/16; 
set real ip from 192.168.1.0/24; 
real ip header XxX-Real-IP; 
#real ip header X-Forwarded-For; 


#1log 


log format main '$remote addr - $remote user [$time local] "$request" ' 


'$status $body bytes sent "“$http referer" ' 
'"$http user agent" “$http x forwarded for"'; 


#virtualhost 


} 


include vhosts/*; 


application/rsstxml application/xhtml+xml; 


4) 创建 商城 配置 文件 : 


vi /usr/local/nginx/conf/vhosts/shop.conf 


server { 
listen 80; 
server name localhost; 
access_1og /var/log/nginx/shop/access.10g main; 
root /wwwroot; 


location ~ .*\. (gif|jpgljpeg|lpng|lbmplziplexeltxt|icolrar|htm|lhtml)$ 
{ 


} 
location ~ .*\. (swflmp3|wmv|wmalmp4|mpg|flv)$ 
{ 


expires 30d; 


expires 30d; 
下 
location ~ .*\.(jslcss)?$ 
{ 

expires 30h; 


} 
location ~ \.php$ { 
fastcgi pass 127.0.0.1:9000; 
fastcgi index index.php; 
fastcgi param SCRIPT FILENAME /wwwroot$fastcgi script name; 
include fastcgi params; 


5) 创建 服务 脚本 文件 : 


Vi /etc/init.d/nginx 


#!/bin/sh 

# 

# nginx - this Script starts and stops the nginx daemon 
# 

# chkconfig: = W515 

# description: Nginx is an HTTP(S) server, HTTP(S) reverse \ 
# proxy and IMAP/POP3 proxy server 

# processname: nginx 

# config: /usr/local/nginx/conf/nginx.conf 

# config: /usr/local/nginx/sysconfig/nginx 

# Pidfile: /usr/local/nginx/var/nginx.pid 

# Source function library. 


. /etc/rc.d/init.d/functions 


# 


Source networking configuration. 


. /etc/sysconfig/network 


# 
[ 


Check that networking is up. 
"S$SNETWORKING" = "no" ] && exit 0 


nginx="/usr/local/nginx/sbin/nginx" 
Prog=$ (basename $nginx) 


"/usr/local/nginx/sysconfig/$prog" 
usr/local/nginx/lock" 


pidfile="/usr/local/nginx/var/$ {prog} .pid" 
NGINX CONF FILE="/usr/local/nginx/conf/nginx.conf" 


[ 


-£f Ssysconfig ] && . $sysconfig 


start() { 


[ -x $nginx ] || exit 5 

[ -£ $SNGINX CONF FILE ] || exit 6 
echo -n $"Starting $prog: " 

daemon Snginx -c $NGINX CONF FILE 
retval=$? 加 

echo 

[ $retval -eq 0 ] && touch $lockfile 
return $retval 


stop() { 
echo -n $"Stopping $prog: 
killproc -p $pidfile $prog 
retval=$? 
echo 
[ $retval -eq 0 ] && rm -f $lockfile 
return $retval 


§ 
restart() { 


configtest q || return 6 
stop 
start 
i 
reload() { 
configtest q || return 6 


echo -n $"Reloading $prog: 
killproc -p $pidfile $prog -HUP 
echo 


} 
configtest() { 
Snginx -t -c $NGINX CONF FILE 
F 
configtest q() { 
Snginx -t -q -c $NGINX CONF FILE 


} 
rh status() { 
status $prog 


} 
rh status q() { 
rh status >/dev/null 2>&1 
} 
# Upgrade the binary with no downtime. 


upgrade() { 
local oldbin pidfile="$ {pidfile} .oldbin" 
configtest q || return 6 


echo -n $"Upgrading $prog: 
killproc -p $pidfile $prog -USR2 


retval=$? 
sleep 1 
if [[ -f ${o0oldbin pidfile} && -f ${pidfile} ]]; then 


killproc -p S$oldbin pidfile $prog -QUIT 
success $"$prog online upgrade" 
echo 
return 0 
else 
failure $"$prog online upgrade" 
echo 
return 1 
£1i 
中 
# Tell nginx to reopen logs 
reopen logs() { 
configtest q || return 6 
echo -n $"Reopening $prog logs: 
killproc -p $pidfile $prog -USR1 
retval=$? 
echo 
return $retval 


case "$1" in 


start) 
rh status q && exit 0 
S1 加 
?7 

stop) 
rh status q || exit 0 
$1 


ek 
restart |configtest |reopen 1ogs) 
$1 


3 
force-reload|upgrade) 
rh status q || exit 7 
upgrade 
27 
reload) 
rh status q || exit 7 
$1 
?7 
status|status q) 
rh $1 


condrestart|try-restart) 
rh status q || exit 7 
restart 

?7 

3 
echo $"Usage: $0 {start|stoplreload|configtest|status|force-reload|upgrade|restart|reopen logs}" 
exit 2 

esac 


6) 添加 到 系统 服务 并 开机 启动 : 


chmod utx /etc/init.d/nginx 

chkconfig --add nginx 

chkconfig nginx on 

service nginx {start|stoplreload|configtest|status|restart} 


2.PHP 的 安装 与 部 署 


1) 安装 依赖 库 libmcrypt、mysql-devel。 


wget ftp://mcrypt.hellug.gr/pub/crypto/mcrypt/libmcrypt/1libmcrypt-2.5.7.tar.gz 
tar zxvf libmcrypt-2.5.7.tar.gz 

cd libmcrypt-2.5.7/ 

./configure 

make 

make install 

/sbin/ldconfig 

cd libltdl/ 

./configure --enable-ltdl-install 

make 

make install 

# 安装 依赖 库 mysql-devel 

yum install mysql-devel 

# 设置 依赖 库 

ln -s /usr/lib64/libXpm.so* /usr/lib/ 

mkdir /usr/lib/mysql 

ln -s /usr/1lib64/mysql/libmysqlclient* /usr/lib/mysql 


2) 安装 PHP: 


wget http://twl .php.net/get/php-5.4.26.tar.gz/from/this/mirror 
tar zxf php-5.4.26.tar.gz 

cd php-5.4.26 

./configure \ 

"——prefix=/usr/local/php" \ 


with-config-file-path=/usr/local/php/etc" \ 
with-mysql=/usr" \ 

with-mysqli=/usr" \ 

with-libxml-dir" \ 

with-pcre-dir" \ 
with-mcrypt=/usr/local/lib/libmcrypt" \ 
with-gdm \ 


with-iconv-dir" \ 
with-zlib" \ 
with-zlib-dir" \ 
with-curl" \ 
enable-fpm" \ 
with-fpm-user=www" 
with-fpm-group=www" \ 
with-icu-dir=/usr" \ 
enable-intl" \ 
enable-sockets" \ 
enable-gd-native-ttf" \ 
enable-gd-jis-conv" \ 
enable-ft 
enable-zip" \ 

enable-calendar" \ 

enable-mbstring" \ 

enable-exif" \ 

enable-fd-setsize=4096" \ 

disable-short-tags" \ 

disable-ipv6" 

make 

make install 

# 创建 配置 文件 

cp /usr/local/src/php-5.4.26/php.ini-production /usr/local/php/etc/php.ini 
cp /usr/local/php/etc/php-fpm.conf.default /usr/local/php/etc/php-fpm.conf 


3) 


安装 mysqli 扩 展 : 


cd php-5.4.26/ext/mysqli/ 

./configure --with-php-config=/usr/local/php/bin/php-config --with-mysqli=/usr/local/mysql/bin/mysql config 

make 

make install 

echo "extension=/usr/local/php/1ib/php/extensions/no-debug-non-zts-20100525/mysqli.so" >> /usr/local/php/etc/php.ini 
# 检测 是 否 安装 成 功 

/usr/local/php/bin/php -m 


4) 


安装 openss| 扩 展 : 


cd php-5.4.26/ext/openss1/ 

/usr/local/php/bin/phpize 

./configure --with-php-config=/usr/local/php/bin/php-config 

make 

make install 

echo "extension=/usr/local/php/1ib/php/extensions/no-debug-non-zts-20100525/openssl.so" >> /usr/local/php/etc/php.ini 
# 检测 是 否 安装 成 功 

/usr/local/php/bin/php -m 


5) 


安装 redis 扩 展 。 


wget https://github.com/nicolasff/phpredis/archive/master.zip 

unizp master.zip 

cd phpredis-master/ 

/usr/local/php/bin/phpize 

./configure --with-php-config=/usr/local/php/bin/php-config 

make 

make install 

echo "extension=/usr/local/php/1ib/php/extensions/no-debug-non-zts-20100525/redis.so" >> /usr/local/php/etc/php.ini 
# 检测 是 否 安装 成 功 

/usr/local/php/bin/php -m 


6) 


安装 zendloader 扩 展 : 


wget http://downloads.zend.com/guard/6.0.0/ZendGuardLoader-70429-PHP-5.4-linux-glibc23-x86_64.tar.gz 
tar zxf ZendGuardLoader-70429-PHP-5.4-linux-glibc23-x86 64.tar.gz 

cd ZendGuardLoader-70429-PHP-5.4-1inux-glibc23-x86 64 

cd php-5.4.x/ " 

mv ZendGuardLoader.so /usr/local/php/lib/php/extensions/no-debug-non-zts-20100525/ZendGuardLoader .so 
Vi /usr/local/php/etc/php.ini 

# 追加 以 下 内 容 

[zendloader] 

zend_ loader.enable=1 

zend_ extension=/shop app/php/1ib/php/extensions/no-debug-non-zts-20100525/ZendGuardLoader .so 

zend loader.disable licensing=0 

zend loader.obfuscation level support=3 

zend_ loagder.license path= 

# 保存 退出 

# 检测 是 否 安装 成 功 

/usr/local/php/bin/php -m 


7) 


创建 PHP 运 行 所 需要 的 目录 并 设置 权限 : 


mkdir /var/run/php 
mkdir /var/log/php 
chown -R www:www /var/run/php/ 
chown -R www:www /var/1og/PhP/ 


8) 


设置 php-fpm 配 置 ， 修 改 以 下 参数 项 : 


vi /usr/local/php/etc/php-fpm.conf 
pid = /var/run/php/php-fpm.pid 
error _ 10g = /var/log/php/error.1og 
user = www 

group = WwW 

listen = 127.0.0.1:9000 

pm = static 

# 保存 退出 

# 测试 配置 是 否 正确 

service nginx configtest 


9) 


php-fpm 加 入 系统 服务 并 开机 启动 : 


cp /usr/local/src/php-5.4.26/sapi/fpm/init.d.php-fpm /etc/init.d/php-fpm 


# 编辑 PHP 相 关 路 径 

vi /etc/init.d/php-fpm 

chmod utx /etc/init.d/php-fpm 
chkconfig --add php-fpm 
service php-fpm start 
chkconfig php-fpm on 


10.2 ”数据 库 部 署 


这 里 以 使 


用 较 多 的 


从 模式 进行 部 署 。 


1) 主 数据 库 服务 器 部 署 ， 下 载 mysql-server 二 进 制 安装 包 : 


wget http://cdn.mysql.com/Downloads/MYSQL-5.6/mysql-5.6.17-1inux-glibc2.5-x86_ 64.tar.gz 


2) 创建 MySQL 运 行 所 需 账户 及 所 在 组 : 


groupadd mysql 
useradd -r -g mysql mysql -s /sbin/nologin 


./scripts/mysql install db --user=mysql --datadir=/var/lib/mysql/ 


3) 编辑 配置 文件 : 


Vi /usr/local/mysql/my.cnf 


[mysqld] 

basedir = /usr/local/mysql 
datadir = /var/lib/mysql 
port = 3306 


server id=1 

socket = /var/lib/mysql/mysql.sock 

log error = /var/log/mysql/error.1og 

log-bin = /var/log/mysql/log bin/log bin 
binlog-do-db=shop 

sql_mode=NO ENGINE SUBSTITUTION,STRICT TRANS TABLES 
[mysqld_safe] 

pid-file = /var/run/mysql/mysqld.pid 


4) 创建 数据 库存 储 信息 所 需 目录 : 


mkdir 
mkdir 


/var/lib/mysql 

/var/log/mysql 

mkdir /var/log/mysql/log bin 

mkdir /var/run/mysql 

# 设置 目录 所 有 者 

chown -R mysql:mysql /var/lib/mysql/ 
chown -R mysql:mysql /var/log/mysql/ 
chown -R mysql:mysql /var/run/mysql/ 
# 测试 启动 是 否 成 功 

bin/mysqld safe --user=mysql & 


5) 加 入 系统 服务 : 


# 编辑 mysql .servet 内 容 

Vi support-files/mysql.server 
basedir=/usr/local/mysql 
datadir=/var/1lib/mysql 

mysqld pid file path=/var/run/mysql/mysqld.pid 
# 保存 退出 

# 将 mysql 加 入 系统 服务 

cp support-files/mysql.server /etc/init.d/mysqld 
chkconfig --add mysqld 

chkconfig mysqld on 

# 启动 mysql 服 务 


service mysqld start 


6) 设置 数据 库 账号 密码 等 信息 : 


# 设置 数据 库 root 密 码 

./bin/mysqladmin -u root password 'xxxxxx' 
# 以 root 身 份 进 入 数据 库 

mysql -uroot -p 

# 创建 商城 使 用 的 账号 和 数据 库 并 授权 

mysql> 
mysql> 
mysql> 
mysql> 
mysql> 
mysql> 


CREATE USER '‘'mall shop'@'localhost'; 
use mysql; 
select user from user; 


GRANT ALL PRIVILEGES ON ‘shop. 


CREATE DATABASE “shop ”CHARACTER SET utf8 COLLATE utf8 general ci; 


update user set password=PASSWORD('xxxxxx') where user="mall shop"; 
. * TO 'mall shop'@'localhost' WITH GRANT OPTION ; 


7) 创建 数据 同步 账号 并 授权 : 


mysql> CREATE USER 'repl user'@'%' IDENTIFIED BY 'xxxxxx'; 
mysql> GRANT REPLICATION SLAVE , REPLICATION CLIENT ON * . 
mysql> flush privileges; 
# 查看 数据 库 主 服务 器 同步 状态 


mysql> show master status; 


»T0 


+ 一- 一- 一 一 一 -一 一 一- 一 一 二 -一 一 一 一 一 一 一 一 二 -一 -一 一 一 一 一 一 一 一 一 一 一 十 -一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 + 
| File | Position | Binlog Do DB | Binlog Ignore DB | 
+---------------- 二 -一 一 一 一 一 一 一 -一 + 一 一 一 一 一 一 一 -一 一 一 一 -+ 一 一 一 一 一 一 一 -一 一 一 一 一 一 -+ 
| log bin.000001 | 107 | shop | | 
+ 一- 一- 一 -一 -一 -一 -一 二 -一 一 一 一 一 一 一 一 二 -一 一 一 一 一 一 一 一 一 一 一 一 一 十 -一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 + 


1 row in set (0.00 sec) 


'repl user'@'%' IDENTIFIED BY '111111'; 


8) 从 数据 库 服务 器 安装 与 主 服务 器 安装 基本 相同 ， 主 要 在 配置 文件 方面 有 所 


区 别 ， 从 数据 库 服务 器 需要 指明 数据 同步 的 数据 库 名 称 ， 并 启动 同步 进程 。 


# 编辑 从 服务 器 配置 文件 

vi /usr/local/mysql/my.cnf 
[mysqld] 

server-id = 2 
replicate-do-db=shop 


9) 从 服务 器 以 同步 账户 身份 连接 到 主 服务 器 开始 数据 同步 : 


mysql> CHANGE MASTER TO MASTER_HOST='10.0.0.1'，MASTER_PORT=3306,MRASTER 
USER='rep1_user'，MRSTER_PRASSWORD='1111111,Master_Log_Pos=0,MRASTER_LOG_ FILE='1og bin.000001'; 


10) 检测 从 服务 器 是 否 配置 成 功 : 


mysql> SHOW SLAVE STATUS\G; 

Slave IO State = Waiting for master to send event 
Seconds Behind Master = 0 

# 以 上 信息 表明 从 服务 器 进入 同步 等 待 状态 成 功 


配置 完成 以 后 ， 需 要 测试 一 下 ， 可 以 在 主 数据 库 服务 器 中 创建 一 个 任意 表 ， 然 后 观察 从 数据 库 服务 器 是 否 同 步 创建 了 这 个 表 ， 如 果 从 数据 库 成 功 创建 ， 表 明 主 从 同步 设置 成 功 ， 如 果 从 数据 库 创建 表 失 
败 ， 则 主 从 配置 存在 问题 ， 需 要 进一步 调试 。 


10.3 电 商 系统 安装 


10.3.1 基本 安装 


在 Nginx、PHP、MySQL 安 装 并 配置 完成 以 后 ， 可 以 安装 ShopNC B2B2C 商 城 了 。 


首先 需要 仔细 阅读 安装 协议 ， 如 图 10-1 所 示 。 


ShopNC【B2B2C]】 申 向 系统 


系统 安装 向 导 版 本 : 2014.01.16.2490 


ShopNC【B2B2C]】 电 商 系统 安装 协议 

感 射 釜 连 绎 ShopNC【B2B2C]】 电 商 竺 坑 。 本 系统 是 天 津 市 网 城 天 创 科技 有 限 卖 妊 公 司 自主 开发 、 独 立 拓 有 版 权 、 生 资讯 、 商 城 、 讨 论 组 、 微 商城 、 在 线 [M、 
客户 告 理 于 一 体 的 门户 型 解决 方案 。 词 方 网 址 为 httpYfwww-shopncnct , 宫 方 论坛 网 址 为 httpy/bbs.shopncnect， 

用 记 笑 知 : 本 协议 是 称 与 网 城 天 剑 公 司 之 间 关 于 和 您 安 装 千 用 网 城 天 创 公司 提供 的 ShopNC【B2B2C] 电 高 系统 及 服务 的 法 律 协议 。 无 论 您 是 个 人 或 组 织 、 和 一 利 
与 否 、 用 途 如 何 ( 包括 以 学 导 和 研究 为 目的 ) ， 均 秀 仔 络 阅 读本 协议 。 请 你 市 岗 并 接 过 吗 不 接受 本 协议 条 元 。 如 容 不 同 襄 本 沙 议 竺 未 或 网 城 天 训 公 司 随时 对 其 的 修 
改 . 您 应 不 使 用 或 主动 到 消 网 城 天 创 公司 捍 供 的 ShopNC【B2BZC]】 外 向 至 练 .否则 . 您 的 任何 对 ShopNC 【B2B2C] 电 商 双 统 使 用 的 行为 格 梓 视 为 您 对 本 酸 务 全 
圭 全 部 的 完全 其 受 , 包括 答 受 网 城 天 创 对 服 委 笠 各 是 时 所 人 故 的 任何 屠 改 

本 机 务 冬 坎 一 旦 发 生变 更 ,网 城 天 创 公 司 页 上 公布 修改 内 容 。 收 改 后 的 最 务 冬 款 一 旦 在 网 页 上 公布 即 有 效 代 巷 原 来 的 眼 务 冬 款 。 如 有 果 您 活 择 接受 本 条 
款 ， 团 表 直 您 同 意 接 革 协议 名 项 杀 件 的 约束 。 如 果 钨 不 同意 本 服务 条 款 ， 则 不 能 获得 使 用 本 服务 的 权利 。 您 苦 有 违反 本 条 款 规 定 ， 网 城 天 创 公司 有 权 随 8B 中 J 上 a 终 
止 您 对 ShopNC 【82B2C] 电 商 系统 的 使 用 资格 并 保 国 追 完 栓 关 法 律 去 任 的 权利 。 

在 理解 、 同 京 、 并 条 村 本 协议 的 全 部 千 元 后 , 方 可 开始 使 用 ShopNC [B2B2C] 电 商 系统 。 您 可 能 与 网 城 天 创 公司 喜 接 签订 另 一 书面 协议 ， 以 补充 或 专 取代 本 
协议 的 全 孝 成 者 任何 者 分 . 

网 城 天 创 久 有 本 坎 件 的 全 于 和 训 产 权 。 本 软件 只 供 许可 协议 ， 并非 出 舍 。 网 城 天 创 只 多 许 您 在 通 守 林 协 议 各 项 条 歌 的 情 郊 下 所 制 、 下 蔬 、 安 装 。 使 用 或 者 以 矶 
他 方式 受益 于 本 软件 的 功能 或 者 知识 产权 


同意 协议 进入 安装 


Powered by ShopNC [B28B2C] 
原 权 入 有 2007-2014 名 天 党 市 网 减 天 创 科技 有 限 责 任 公司 
软件 注册 登记 钢 号 ， 软 奎 登 字 第 0550314 号 


10-1 阅读 安装 协议 


阅读 并 同意 后 开始 检查 安装 环境 ， 如 图 10-2 所 示 。 如 果 检 测 有 未 通过 项 ， 将 显示 红色 ， 提 示 无 法 进行 下 一 步 。 


=Pr3 
Step.1 xs 


iy 


检查 安装 环境 选择 安装 方式 


环境 检查 
操作 系统 


无 限制 lunix © Linux 
PHP 版 本 5.3 加 5424 
GD 库 2.0 四 210 
附件 上 传 2M 四 2M 
瑞 盘 空间 加 44467M 


目录 、 文 件 权限 检查 

data/cache 可 写 @ 不 可 三 
data/cache/adv 可 写 @ 不 可 三 
data/cache/rec_position 可 写 四 as 
data/config 可 写 @ gS 
data/log 可 写 四 不 可 三 


图 10-2 权限 检测 


待 所 有 检查 项 均 通 过 后 ， 进 入 下 一 步 来 选择 安装 方式 (目前 只 有 一 个 选项 ) ， 如 图 10-3 所 示 。 


Ste p 2》 选择 安 胡 万 式 
2 根据 需要 选择 系统 模块 完全 或 手动 安装 


全 全 


检查 安装 环境 选择 安装 方式 


人 完全 安装 ShopNC 【B2B2C] 电 商 系统 


10-3 选择 安装 方式 


接 下 来 输入 数据 库 账号 等 信息 ， 如 图 10-4 所 示 。 


如 果 选 择 安装 演示 数据 ， 请 从 官方 下 载 图 片 压缩 包 ， 解 压 到 商城 根 目录 。 下 一 步 开 始 安装 数据 库 ， 如 图 10-5 所 示 。 


数据 库 服 务 器 地 址 ,一般 为 localhost 


同一 数据 库 运行 全 个 ShopNC 程 序 时 ， 请 修改 前 缀 


数据 库 默 认 庙 口 一 般 为 3306 


图 演示 数据 ， 如果 选择 安装 演示 数据 ,请 下 载 图 片 文件 压缩 包 


输入 站 点 名 称 ,安装 后 可 在 平台 设置 中 进行 修改 


管理 员 密 码 不 少 于 6 个 字符 


确保 两 次 输入 的 密码 一 至 


图 10-4 安装 信息 设置 


Step.4 支 寺 以 据 库 
各 孕 


ea @ OO s 
检查 安装 环境 选择 安装 方式 


数据 表 shopnc_dircle_thpolloption … 创建 成 功 
数据 才 shopnc_circle thpollvoter .- 创建 成 功 
数据 表 shopnc_circle_threply .… 创建 成 功 
数据 表 shopnc_micro_adv .… 创建 成 功 


数据 表 shopnc_micro_comment ... 创建 成 功 
数据 表 shopnc_micro_goods .… 创建 成 功 

铸 据 去 shopnc_micro_goods_dass .… 创建 成 功 
数据 去 shopnc_micro_goods_relation . 创建 成 功 
数据 表 shopnc_micro_like ... 创建 成 功 

数据 才 shopnc_micro_member info ... 创建 成 功 
数据 表 shopnc_micro_personal -…. 创建 成 功 
数据 表 shopnc_micro_personal_class .… 创建 成 功 
数据 表 shopnc_micro_store … 创建 成 功 
初始 化 数据 - 成 功 


图 10-5 ”安装 数据 库 


安装 数据 库 成 功 ， 下 一 步 提示 安装 成 功 并 显示 安装 相关 信息 ， 如 图 10-6 所 示 。 


FY》 程序 已 成 功 安装 


选择 您 要 进入 的 页 面 


二 已 i@; 


微调 城 
CMS 资讯 、 画 报 、 专 题 … 主题 、 国 友 、 商 品 -… 随心 看 、 个 人 秀 、 店 铺 街 


系统 管理 默认 地 址 : http://192.168.1.201/v2014 test2/admin 
网 站 首页 默认 地 址 : http://192.168.1.201/v2014 test2 
如 选择 安装 了 演示 数据 ,网 站 默认 会 员 帐 号 和 密码 均 为 shopnc. 


网 站 蒜 认 商家 帐号 : shopnc_seller ; 密码 : shopnc。 请 下载 图 片 文件 压缩 包 


10-6 ”安装 信息 展示 


安装 完成 后 ， 进 入 后 台 ， 选 择 设置 一 清理 缓存 一 命令 清理 全 部 缓存 ， 如 图 10-7 所 示 。 


回国 购 缓存 ( 地 区 | 分 类 | 价格 区 间 ) 四 庭 部 导航 


回 快递 公司 加 店铺 分 类 


10-7 系统 后 台 


清理 缓存 


点 击 后 台 右 上 角 的 商城 首页 链接 ， 查 看 一 下 商城 首页 ， 如 图 10-8 所 示 ， 内 容 正确 展示 ， 至 此 安装 过 程 顺 利 完成 。 


10.3 电 商 系统 安装 


10.3.1 基本 安装 


在 Nginx、PHP、MySQL 安 装 并 配置 完成 以 后 ， 可 以 安装 ShopNC B2B2C 商 城 了 。 


首先 需要 仔细 阅读 安装 协议 ， 如 图 10-1 所 示 。 


5hopNC 【B26B2C]】 申 向 系 境 


系统 安装 向 导 版 本 : 2014.01.16.2490 


shopNC [B2B2C] 电 商 系统 安装 协议 

感 射 您 过 和 择 ShopNC【B2B2C]】 电 商 竺 坑 。 相 系统 是 天 津 市 网 城 天 创 科技 有 限 卖 妊 公 司 自 主 和 开发、 独立 扼 有 版 权 、 和 集资 讯 、 商 城 、 讨 论 组 、 伍 商城 、 在 线 IM. 
寡 户 管理 于 一 钵 的 门户 型 解决 方案 。 官 方 网 址 为 http:f/www.shopnc.net ,官方 论坛 网 址 为 httpxfjbbs.shopnc.nct, 

用 户 般若 : 本 协议 是 称 与 网 城 天 剑 公 司 之 间 关 于 候 安 装 续 用 网 城 天 创 公司 提供 的 ShopNC【B2B2C] 电 商 系统 及 服务 的 法 律 协议。 无 论 您 是 个 人 或 组 积 、 天 利 
与 否 、 用 途 如 何 ( 包括 以 学 避 和 研究 为 目的 ] ， 均 孝 仔 细 阅 读本 协议 。 请 您 市 悦 并 扶 专 喧 不 接 过 本 协议 竺 次 。 如 容 不 同 读本 沙 议 千 孝 或 网 城 天 训 公 司 随时 对 其 的 修 
改 . 您 应 不 使 用 或 主动 取消 网 城 天 创 公司 树 供 的 ShopNC 【82B2C]】 扬 向 至 统 . 否则 . 您 的 任何 对 ShopNC【B2B2C] 电 商 竺 统 使 用 的 行为 格 拱 视 为 你 列 | 本 酸 务 位 
丑 全 部 的 完全 蔡 受 ,名 括 生 芝 网 城 天 创 对 了 服 作 人 冬 职 是 时 拟人 { 故 的 任何 修改 


款 ， 团 表 直 您 同 间接 芝 协 议和 名 项 条件 的 约束 。 如 果 念 不 同意 本 服务 条 款 ， 则 不 问 获 得 使 用 本 服务 的 权利 。 您 苦 有 违反 本 条 奈 规 定 ， 网 城 天 创 公 司 有 各 随 时 中 止 束 疼 
止 容 对 ShopNC 【B82B2C] 电 商 系统 的 使 用 资格 并 保 轩 追究 相关 法 健 去 任 的 权利 。 

在 琢 艇 、 同 京 、 并 遵 村 本 协议 的 主 部 竺 效 后 ， 方 可 开始 使 用 shopNC [B2B2C] 电 商 系统 。 浆 可 能 与 网 公司 吉 接 签订 另 一 目 面 协议 ， 以 补充 或 者 取代 本 
协 这 的 全 部 或 吉 任 何 部 分 . 

网 城 天 创 钴 有 本 坎 件 的 全 这 汪 HR 产权。 本 软件 只 供 许可 坊 议 ， 和 并 非 出 告 。 网 城 天 创 只 人 允许 父 在 通 守 本 协议 各 天 条 竹 的 情 匈 下 插 制 、 下 第 、 安 装 、 使 用 或 者 以 枣 
他 方式 受益 于 本 软件 的 功能 或 吉 知 识 产权 。 


同意 协议 进入 安装 


Powered by ShopNC [KB2B2C] 


原 权 对 在 2007-2014 侣 天 尘 市 网 减 天 创 科技 有 限 责 任 公司 
软件 注册 登记 纲 号 : 软 诅 登 字 第 0550314 号 


图 10-1 阅读 安装 协议 


阅读 并 同意 后 开始 检查 安装 环境 ， 如 


图 10-2 所 示 。 如 果 检 测 有 未 通过 项 ， 将 显示 红色 ， 提 示 无 法 进行 下 一 步 。 


a 


检查 安装 环境 


环境 检查 
操作 系统 


PHP 版 本 
GD 库 

附件 上 和 传 
磁盘 空间 


Step.1 王 交 . 


无 限制 lunix ® Linux 
5.3 加 5.4.24 
2.0 四 210 
2M @ 2M 


加 44467M 


目录 、 文 件 权 限 检查 


data/cache 
data/cache/adv 
data/cache/rec_position 
data/config 


data/log 


可 号 四 gS 
可 号 四 和 三 
可 号 四 oS 
可 号 四 gS 
可 号 四 oS 


图 10-2 权限 检测 


待 所 有 检查 项 均 通 过 后 ， 进 入 下 一 步 来 选择 安装 方式 (目前 只 有 一 个 选项 ) ， 如 图 10-3 所 示 。 


全 


检查 安装 环境 


Step.2 二 雪 万 式 


四 
@@ ms 


选择 安装 方式 


人 完全 安装 ShopNC 【B2B2C] 电 商 系统 


图 10-3 选择 安装 方式 


接 下 来 输入 数据 库 账号 等 信息 ， 如 图 


10-4 所 示 。 


如 果 选 择 安装 演示 数据 ， 请 从 官方 下 载 图 片 压缩 包 ， 解 压 到 商城 根 目录 。 下 一 步 开 始 安装 数据 库 ， 如 图 10-5 所 示 。 


数据 库 服 务 器 地 址 ,一般 为 localhost 


同一 数据 库 运行 全 个 ShopNC 程 序 时 ， 请 修改 前 缀 


数据 库 默 认 庙 口 一 般 为 3306 


图 演示 数据 ， 如果 选择 安装 演示 数据 ,请 下 载 图 片 文件 压缩 包 


输入 站 点 名 称 ,安装 后 可 在 平台 设置 中 进行 修改 


管理 员 密 码 不 少 于 6 个 字符 


确保 两 次 输入 的 密码 一 至 


图 10-4 安装 信息 设置 


Step.4 支 寺 以 据 库 
各 孕 


ea @ OO s 
检查 安装 环境 选择 安装 方式 


数据 表 shopnc_dircle_thpolloption … 创建 成 功 
数据 才 shopnc_circle thpollvoter .- 创建 成 功 
数据 表 shopnc_circle_threply .… 创建 成 功 
数据 表 shopnc_micro_adv .… 创建 成 功 


数据 表 shopnc_micro_comment ... 创建 成 功 
数据 表 shopnc_micro_goods .… 创建 成 功 

铸 据 去 shopnc_micro_goods_dass .… 创建 成 功 
数据 去 shopnc_micro_goods_relation . 创建 成 功 
数据 表 shopnc_micro_like ... 创建 成 功 

数据 才 shopnc_micro_member info ... 创建 成 功 
数据 表 shopnc_micro_personal -…. 创建 成 功 
数据 表 shopnc_micro_personal_class .… 创建 成 功 
数据 表 shopnc_micro_store … 创建 成 功 
初始 化 数据 - 成 功 


图 10-5 ”安装 数据 库 


安装 数据 库 成 功 ， 下 一 步 提示 安装 成 功 并 显示 安装 相关 信息 ， 如 图 10-6 所 示 。 


FY》 程序 已 成 功 安装 


选择 您 要 进入 的 页 面 


二 已 i@; 


微调 城 
CMS 资讯 、 画 报 、 专 题 … 主题 、 国 友 、 商 品 -… 随心 看 、 个 人 秀 、 店 铺 街 


系统 管理 默认 地 址 : http://192.168.1.201/v2014 test2/admin 
网 站 首页 默认 地 址 : http://192.168.1.201/v2014 test2 
如 选择 安装 了 演示 数据 ,网 站 默认 会 员 帐 号 和 密码 均 为 shopnc. 


网 站 蒜 认 商家 帐号 : shopnc_seller ; 密码 : shopnc。 请 下载 图 片 文件 压缩 包 


10-6 ”安装 信息 展示 


安装 完成 后 ， 进 入 后 台 ， 选 择 设置 一 清理 缓存 一 命令 清理 全 部 缓存 ， 如 图 10-7 所 示 。 


团购 缓存 ( 地 区 | 分 类 | 价格 区 间 ) 回 “ 席 部 导航 


回 快递 公司 加 上 店 丘 分 类 


清理 缓存 


10-7 系统 后 台 


点 击 后 台 右 上 角 的 商城 首页 链接 ， 查 看 一 下 商城 首页 ， 如 图 10-8 所 示 ， 内 容 正确 展示 ， 至 此 安装 过 程 顺 利 完成 。 


10.3.2 ”设置 定时 任务 


系统 中 的 一 些 操作 (如 生成 统计 数据 、 生 成 搜索 索引 数据 等 ) 需要 使 用 系统 任务 定时 触发 来 完成 。 待 触发 的 程序 文件 位 于 商城 目录 下 的 data/crontab 目 录 中 ，index.php 是 统一 入 口 文件 ， 通 过 include 
目录 中 的 文件 来 完成 各 个 子 功能 。 定 时 任务 触发 目录 及 触发 频率 参考 如 下 : 


疏 好 ， 次 i 床 肛 ShopNC B2B2C 丙 城 - 演示 沾 党 录 ][ 汪 肌 | 心 塌 的 订单 ”我 6yk 夭 ” 容 户 有 条 ~ 


ShopNBG 商城 i 了 是 过 只 找 轴 城 ” 。 卫 购 和 车 二 站 


精准 定位 客户 市 场 性 注 电 商 有 好 筑 服 务 


所 有 商品 分 从 [= 积分 中 心 门户 


人 服 诈 壮 由 | | 
者 衬 诊 针织 衫 得 纺 衫 。 本 、 雯 


天 蕊 迟 ”正品 闪电 发 从 
人 礼品 箱包 1 | 七 天 世 退 。 正 喇 保 障 。 闪电 发 从 
找 包 让 包 手语 也 单 店 包 二 ， ce 


© 家 层 家装 
床 呈 件 若 被 子 枕 蕊 枫 套 


各 数码 办 公 

手机 由 池 蓝牙 耳 机 

(DD 家 用 由 加 革 阿 网 肪 桃 世 上 
于 杨 电视 空洞 冰 入 洗衣 机 ”省 -7 | 2 * Y95.00 


和 个 护 化 站 a 已 告 0 ”262 天 10 小 时 43 分 57 种 
洁面 有 殉 肤 水 精华 回 T 商城 公告 招商 入 驻 


名 标 宝 考 才 i * 火 烛 销 村 中 “boeemy 
1 丈 | 手 许 伟 | 返 丈 指 耳 市 和 * 功能 使 用 说 明 (20t4-12-02) 

1 换 示 情 息 〈2041-07.10) 
加 良品 议 硅 -如何 扩充 水 字体 库 (20tt-07-0%) 
饿 干 重 奉 塘 果 瑟 克 力 ; rn 一 * 管理 功能 说 明 (2z011-07-03) 


限时 折扣 


加 300 天 10 小 时 43 分 中 种 


图 10-8 首页 展示 


# /usr/local/php/bin/php 为 PHP 可 执行 文件 所 在 路 径 

# 更 新 商品 促销 到 期 状态 ， 建 议 执行 频率 : 1 天 

/usr/local/php/bin/php /wwwroot/data/crontab/index.php goods Promotion 

# 执行 通用 任务 ， 建 议 执行 频率 ，5 分 钟 网 下 a 

# 主要 是 商品 上 架 、 商 品 促销 价格 、 店 铺 促 销 活动 开始 /过 期 等 ， 执 行 频率 越 高 ， 商 品 列表 页 价格 显示 越 准确 


/usr/local/php/bin/php /wuwroot/data/crontab/index.php 
# 更 新 首页 商品 价格 ， 建 议 执行 频率 ，10 分 钟 
/usr/local/php/bin/php /wwwroot/data/crontab/index.php 
# 将 缓存 中 的 浏览 记录 存 入 数据 库 ， 建 议 执行 频率 ，1 天 
/usr/local/php/bin/php /wwwroot/data/crontab/index.php 
# 邮件 发 送 ， i 频率 ，15 分 钟 

# 主要 是 店铺 、 会 员 送 
/usr/local/ /Db 人 Php 
4 会 员 相 关 数 据 问 计 ， 旭 议 执行 频率 :1 和 

/usr/local/php/bin/php /wwwroot/data/crontab/index.php 
# 发 送 到 货 通知 ， 建 议 执行 频率 : 每 天 执行 一 次 
/usr/local/php/bin/php /wwwroot/data/crontab/index.php 
# 生成 结算 单 ， 建 议 执行 频率 : 每 月 1 号 (1:00 ~ 4:00) 执 行 
/usr/local/php/bin/php /wuwroot/data/crontab/index.php 
# 全 量 创建 索引 ， 初 始 安装 时 ， 执 行 一 次 即 可 
es /wwwroot/data/crontab/index.php 
# 更 新 增 量 索 引 ， 建 议 执行 频率 : 5 小 时 

/usr/local/php/bin/php /wwwroot/data/crontab/index.php 


goods common 
goods web update 


goods browse 


mail index 

stat index 

arrival notice index 
order create bill 
xs create 


xs update 


面 给 出 一 个 配置 示例 : 


# 每 天 1:00 执行 


0 1*** /usr/local/php/bin/php /wwwroot/data/crontab/index.PhP goods Promotion 


# 每 天 1:30 执行 


人 0 十 天才 人 /wwwroot/data/crontab/index.php goods common 


# 每 10 分 钟 执行 一 


be ts 寺 束 - 司 六 ASSeai7Ej6ia7EE /wwwroot/data/crontab/index.PhP goods web update 


# 每 天 1:30 执行 


20 工 和 交 寺 /usr/local/php/bin/php /wwwroot/data/crontab/index.php goods browse 


# 每 天 2:00 执行 


上 多 本寺 /usr/1ocal/php/bin/php /wuwroot/data/crontab/index.php stat index 


es 30 执行 一 次 


小 等 和 时 /usr/local/php/bin/php /wwwroot/data/crontab/index.php arrival notice index 


} 全 1 分 钟 执 他 次 


*/15 * * * * /usr/local/php/bin/php /wwwroot/data/crontab/index.php mail index 


t EA 1 号 3:00 执 行 


bm /usr/local/php/bin/php /wwwroot/data/crontab/index.php order create bill 


# 存 5 小 时 执 得 次 


* */5 * * * /usr/local/php/bin/php /wwwroot/data/crontab/index.php xs Update 


10.3.3 ”开启 伪 静 态 


系统 支持 动态 网 址 和 伪 静 态 两 种 URL 形 式 ， 在 CONFIG (data/config/config.ini.php) 中 : url_model| 为 true， 表 示 开 ) 
PATHINFO 模 式 实现 的 ， 所 以 若 开启 伪 静 态 ， 除 更 改 CONFIG 外 ， 还 需要 配置 APACHE/NGINX， 以 支持 PATHINFO 模 式 。 


启 伪 静 态 ; urL mode 为 false 表 示 使 


默认 动态 网 址 形式 。 系 统 伪 静 态 是 基于 


注意 ， 当 开启 伪 静 态 时 ，CONFIG 中 的 各 子 模块 URL 网 址 必须 全 部 配置 并 启用 ， 下 面 以 NGINX 为 例 。 


# nginx 配 置 
location / { 


if (!-e $request filename) 


{ 
rewrite ^/shop/ 
} 


} 
location ~ \.php$ { 

fastcgi param PATH INFO 
i 


(.*)$ /shop/index.php?$1; 


$request uri; 


10.3.4 ”设置 域名 


ShopNC B2B2C 商 城 默 认可 以 设置 众多 子 模块 的 域名 ， 归 纳 如 表 10-2 所 示 。 


说 
CMS 
圈子 
微 商城 


二 人 
口 己 


手机 端 API 
WAP 


到 


IM Client 

IM Server 

图 片 
CSS、JS、IMG 等 


以 上 二 级 域名 也 可 自行 命名 ， 建 议 


表 10-2 域名 列表 


域名 指向 商城 作为 主 站 。 除 以 上 提 到 的 指向 目录 以 外 ， 其 他 目录 强烈 建议 均 不 开放 域名 指向 。 


指向 目录 
shop 

cms 

circle 
microshop 
admin 
mobile 
wap 

chat 

IM Server 
data/upload 


data/resource 


二 级 域名 配置 完成 后 ， 需 要 修改 配置 文件 的 subdomain_suffix 项 ， 将 其 设置 为 根 域名 ， 例 如 : 


$config['subdomain suffix'] = 'shopnc.net'; 


10.4 ”图 片 存储 部 署 


加 


片 部 署 采用 NFS 来 实现 。 安 装 NFS 服 务 器 端 与 客户 端 : 


# NFS 服 务 器 端 部 署 
yum install nfs nfs-utils portmap 
# 创建 图 片 存储 目录 
mkdir /nfs_server 
mkdir /nfs server/upload 
# 设置 客户 端 访问 权限 
vi /etc/exports 
/nfs server/upload 10.0.0.*(rw,async,anonuid=500,anongid=500) 
# 保存 退出 
chkconfig nfs on 
service nfs start 
# 将 uploagd 内 容 同 步 到 NFS 服 务 器 
rsync -avz --progress --rsh=ssh root@ip:/wwwroot/data/upload/ /nfs server/upload/ 
# 次 户 油 ( 即 Web 服 务 器 ) 同样 需要 安装 nfs nfs-util portmap， 安 装 完 后 ， 需 要 挂 载 到 服务 器 上 
mount -t nfs -o soft,intr,bg,timeo=10 10.0.0.9:/nfs_server/upload /wwwroot/data/upload 
# 查看 是 否 挂 载 成 功 
mount 
# 测试 成 功 后 ， 把 挂 载 写 到 /etc/fstab 中 ， 开 机 加 载 
vi /etc/fstab 
Pa server/upload /data/wwwroot/data/upload nfs soft,intr,bg,timeo= 10 0 0 
# 


10.5 ”缓存 服务 器 部 署 


缓存 服务 器 采用 Redis 主 从 架构 来 实现 。 安 装 主 Redis 服 务 器 如 下 所 示 : 


# 安装 主 Redis 服 务 器 
wget http://download.redis.io/releases/redis-2.8.8.tar.gz 
tar zxf redis-2.8.8.tar.gz 
cd redis-2.8.8 
make 
# 测试 一 下 可 否 启动 
./src/redis-server ./redis.conf 
# 创建 Redis 安 装 目录 
mkdir /usr/local/redis 
cp -rf ./src/redis-cli ./src/redis-server ./redis.conf /usr/local/redis/ 
cd /usr/local/redis/ 
# 编辑 配置 文件 
Vi redis.conf 
# 修改 以 下 参数 
daemonize yes 
pidfile /var/run/redis.pid 
port 6379 
# 保存 退出 
复制 启动 文件 到 init.d 目 录 
P /usr/local/src/redis-2.8.8/utils/redis init script /etc/init.d/redis 
‘ 并 辑 相关 参数 ， 并 在 顶部 插入 以 下 两 行内 容 
Vi /etc/init.d/redis 
#chkconfig: 2345 80 90 
#description:auto run 
# 保存 退出 
# 加 入 系统 服务 
chkconfig --add redis 
chkconfig redis on 
Service redis start 


从 Redis 服 务 器 安装 过 程 与 主 服务 器 安装 完全 相同 ， 只 需 在 从 Redis 配 置 文件 中 追加 一 行内 容 ， 来 指定 主 服务 器 的 |P 和 端 


Vi redis.conf 
# 追加 以 下 内 容 
slaveof 主 IP 6379 


10.6 ”搜索 服务 器 部 署 


搜索 服务 器 使 用 xunsearch 来 实现 ， 系 统 将 搜索 关键 词 交 给 xunsearch，xunsearch 通 过 分 词 搜索 ， 返 回 商品 主键 1D 的 集合 ， 然 后 系统 通过 主键 查询 数据 库 ， 返 回 需 要 显示 的 字段 信息 。 


# 运行 下 面 指令 以 下 载 、 解 压 安装 包 
wget http://www.xunsearch.com/download/xunsearch-full-latest.tar.bz2 
tar -xjf xunsearch-full-latest.tar.bz2 
# 执行 安装 脚本 ， 根 据 提示 进行 操作 ， 主 要 是 输入 xunsearch 软件 包 的 安装 目录 ， 强 烈 建议 单独 规划 
# 一 个 目录 ， 而 不 是 混 到 别 的 软件 目录 中 ， 这 里 安装 到 /usr/local/xs 目 录 下 
cd xunsearch-full-latest/xunsearch-full-1.4.8/ 
sh setup.sh 
# 待命 令 运行 结束 后 ， 如 果 没有 出 错 中 断 ， 则 表示 顺利 完成 安装 ， 然 后 就 可 以 启动 /重新 启动 
# xunsearch 的 后 台 服 务 
cd /usr/local/xs; bin/xs-ct1.sh restart 
# 建议 将 此 命令 添加 到 开机 启动 脚本 中 ， 以 便 每 次 服务 器 重启 后 能 自动 启动 搜索 服务 程序 
# 关于 搜索 项 目的 数据 目录 规划 。 搜 索 系统 将 所 有 数据 保存 在 $prefix/data 目录 中 。 如 果 您 希望 数 
ab ee 请 将 $prefix/data 作为 软 链接 指向 真实 目录 
月 动 Xs 
bin/xs-ctl.sh -b local start  // 监听 在 本 地 回环 地 址 127.0.0.1 上 
bin/xs-ct1.sh -b inet start // 监听 在 所 有 本 地 IP 地 址 上 
bin/xs-ctl.sh -b a.b.c.d start // 监听 在 指定 IP 上 
bin/xs-ctl.sh -b unix start // 分 别 监听 在 tmp/indexd.sock 和 tmp/searchd.sock 


安装 完成 后 ， 更 改 CONFIG (data/config/config.ini.php) 文件 全 文 搜索 部 分 ， 配 置 如 下 : 


# 全 文 检索 配置 ， 支 持 true (开启 ) 或 false (关闭 ) ， 全 文 检索 的 详细 配置 ， 请 参考 本 帮助 的 全 文 检索 章节 

# 需 编辑 data\api \xs\app\shopnc. ini， 将 server.index 和 server.search 的 值 修改 成 自己 的 ITP 和 端口 
$config['fullindexer'] ['open'] = true; 

人 pn， 不 需要 更 训 ) 


S$config['fullindexer'] ['appname'] = "shopnc' 7 


然后 更 改 全 文 搜索 配置 文件 (data/api/xs/app/shopnc.ini) ， 将 server.index 和 server.search 的 值 修改 成 自己 的 IP 和 端口 


，shopnc.ini 文 件 完整 解释 如 下 : 


# 项 目 名 称 〈 不 需要 更 改 ) 

Project .name = Shopnc 

# 默认 字符 集 《该 项 要 与 当前 商城 字符 集 一 致 ) 
project.default charset = UTF-8 
# 索引 服务 端 配置 ， 默 认 端 口 8383 
server.index = 127.0.0.1:8383 

# 搜索 服务 端 配置 ， 默 认 端 口 8384 
server.search = 127.0.0.1:8384 
t 后 四 内 窟 为 瘦 壳 于 股本 且 ， 不 需要 更 改 
tope = id 

# 商品 ID 

[goods iqd] 

type = numeric 


http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15005/0EBPS/Text/. .http://www.hzcourse.com/resource/readBook?path=/openresources/teacl 


配置 完成 后 ， 启 动 xunsearch 进 程 、 将 商品 内 容 索 引 到 搜索 服务 器 : 


# 启动 xunsearch 进程 
/usr/local/xunsearch/bin/xs-ctl.sh -b inet start 

# 清空 索引 

/usr/bin/php /wwwroot/html/crontab/index.php xs Clear 
# 全 量 更 新 索引 

/usr/bin/php /wwwroot/htmlVcrontab/index.ph 
# 增 量 更 新 索引 ， 此 命令 可 以 加 入 系统 任务 计划 中 ， 站 
/usr/bin/php /wwwroot/html/crontab/index.php xs update 


XS_ create 


执行 ， 建 议 执 行 周期 为 1 小 时 


至 此 配置 工作 已 经 完成 ， 前 台 可 以 体验 全 文 搜索 了 。 那 么 如 何 验证 是 否 使 


全 文 搜索 呢 ? 打开 系统 的 调试 模式 ， 底 部 会 显示 全 部 的 SQL 执行 追踪 记录 ， 然 后 输入 一 个 有 搜索 结果 的 关键 词 ， 比 如 “ 女 


装 ”， 观 察 底部 的 SQL 执行 记录 ， 如 果 未 出 现 典型 的 SQL 模糊 查询 ， 则 说 明 配置 成 功 。 


10.7 IM 服务 器 部 署 


1M 意 为 “即时 通讯 ”， 在 商城 系统 ， 它 是 买 家 与 商家 的 沟通 工 
装 ， 这 里 以 安装 二 进 制 包 为 例 : 


， 通 过 安装 Node.js 来 实现 ， 从 官网 (http://nodejs.org/download/) 下 载 二 进 制 包 解压 、 下 载 后 直接 使 有 


， 也 可 以 下 载 源码 包 编译 安 


wget http://nodejs.org/dist/v0.10.28/node-v0.10.28-linux-x64.tar.gz 


tar zxf node-v0.10.28-linux-x64.tar.gz 
mv node-v0.10.28-linux-x64 /usr/local/node 


将 安装 包 内 的 im/lib/dbjs 和 im/lib/users.js 复 制 到 /usr/local/node/lib 下 ， 


所 示 : 


将 安装 包 内 的 im/chat.js 和 im/configjs 复 制 到 /usr/local/node 下 ， 然 后 编辑 /usr/local/node/config.js 文 件 ， 配 置 示例 如 下 


var config = {};// 数 据 库 账号 设置 


config['host'] = '10.10.10.50';// 数 据 库 地 址 
config['port'] = '3306';// 数 据 库 端口 
config['user'] = 'shopnc';// 数 据 库 用 户 名 
config['password'] = 'XxXxxxx';// 数 据 库 密码 
config['database'] = '"shopnc'7;//MYySQL 数 据 库 名 
config['tablepre'] = 'shopnc ';// 表 前 级 
config['insecureAuth'] = true;// 莱 容 低 版 本 
config['debug'] = false;// 默 认 false 


exports.hostname = '';// 授 权 连 接 的 域名 或 TP， 该 值 为 空 表示 不 限制 域名 或 TP 


exports.port = 8090;// 服 务 器 所 用 端口 号 ,默认 是 8090， 也 可 自 定义 
exports.config = config; 


然后 使 


npm 安 装 最 新 的 MySQL 与 socket.io 模 块 : 


cd /usr/local/node 
/usr/local/node/bin/npm install mysql 
/usr/local/node/bin/npm install socket.io 


启动 node 进 程 : 


/usr/local/node/bin/node /usr/local/node/chat.js 


如 果 出 现 以 下 内 容 说 明 配置 成 功 : 


info - socket.io started 
mysql connected 


然后 停止 当前 node， 将 node 以 后 台 方式 启动 : 


nohup /usr/local/node/bin/node /usr/local/node/chat.js >> 
/usr/local/node/output .log & 


使 


会 员 账 号 登录 到 商城 ， 如 果 发 现 右 下 角 出 现 IM 


[ 


标 ， 说 明 IM 配 置 成 功 ， 如 图 10-9 所 示 。 


网 庆 和 堂 


人 和 


全 球 美酒 9 元 抢 


满 299 减 50 满 499 减 100 


sr 
“生男 IN 在 线 联 系 人 
JE 


图 10-9 ”IM 安装 


启动 成 功 后 ， 将 node 启 动 命令 加 入 系统 启动 中 。 如 果 右 下 角 未 出 现 !IM 框 ， 请 检查 防火 墙 中 是 否 禁止 了 node 监 听 端 口 。 


10.8 ”本 章 小 结 


本 章 以 目前 普遍 采用 的 LNMP 架 构 为 例 进行 部 署 ， 使 用 一 台 Web 服 务 器 (Ngnix+PHP) 、 两 台数 据 库 服务 器 (MySQL 主 从 部 署 ) 、 一 台 图 片 服务 器 (NFS) 、 一 台 缓存 服务 器 (Redis) 和 一 台 即 时 通 
信服 务 器 (Nodejs) 来 实现 。 系 统 采用 何 种 部 署 架 构 主要 依据 系统 规模 而 定 ， 如 果 系统 规模 较 大 ， 可 以 对 以 上 的 配置 进行 扩展 ， 根 据 实际 需要 可 以 加 入 负载 均衡 等 设备 。 如 果 规 模 较 小 ， 还 可 以 对 以 上 部 署 


进行 适当 减 配 。 


前 面 第 3~9 章 对 B2B2C 商 城 系 统 主要 模块 从 设计 到 实现 进行 了 详细 的 讲解 ， 本 章 作 为 最 后 一 章 ， 演 示 了 ShopNC B2B2C 商 城 在 CentOS 6.4 x64 下 的 安装 与 配置 过 程 ， 安 装 完成 后 ， 可 以 亲身 体验 第 3~9 
章 的 理论 ， 从 而 增强 对 商城 的 整体 认 知 。 


附录 A ”移动 端 接口 文档 


A.1 接口 约定 


1 数据 格式 


{code: 200, datas: {}} 


返回 数据 为 json 格 式 ，code 为 200 表 示 数 据 正常 ，datas 为 返回 的 数据 。 


2. 获 取 数 据 


// 有 内 容 直 接 返 回 数组 ， 无 内 容 返 回 空 数组 [] 
//hasmore 为 是 否 有 下 一 页 
{"code":200, "hasmore":true, "datas":{"goods list":[]}} 


3. 操 作成 功 


// 操 作成 功 返回 "1" 


本 
请 


{"code":200, "datas":{"1"}} 


4 错误 


// 出 现 错误 返回 error，error 内 为 错误 信息 

{"code":200, "datas":{"error":" 参 数 错误 "}} 

// 登 录 失 败 ，login:0 

{"code":200,"login":"0", "datas":{"error":"\u8bf7\u767b\u9646"}} 


A.2 商城 API 


1. 首 页 


(1) 首页 数据 接口 (get) 


index.php?act=index 


(2) 请 求 参数 


type : json/html json 格 式 或 者 html 页 面 


(3) 返回 数据 
“adv_list: 首页 广告 列表 
“ home1l: 首页 类 型 1 
“home2: 首页 类 型 2 

“ home3: 首页 类 型 3 
"home4: 首页 类 型 4 

“ goods: 首页 商品 

2. 专 题 


(1) 专题 接口 (get) 


index.php?act=index&op=special 


(2) 请 求 参数 
“special_ id: 专题 编号 
“Type: json/html json 格 式 或 者 html 页 面 
(3) 返回 数据 

adv_list; 专题 广告 列表 
- homel: 专题 类 型 1 

“ home2: 专题 类 型 2 

“ home3: 专题 类 型 3 

“ home4: 专题 类 型 4 
:8oods: 专题 商品 

3. 商 品 分 类 


(1) 一 级 分 类 接口 (get) 


index.Php?act=goods_class 


(2) 指定 分 类 接口 (get) 


// 有 下 级 分 类 返回 分 类 列表 ， 无 分 类 返回 70" 
index.Php?act=goods_class&gc_id=2 


(3) 返回 数据 


Class_list : 分 类 列表 


4. 商 品 列表 


(1) 商品 列表 接口 (get) 


index.php?act=goods&op=goods list 


(2) 请 求 参数 

“ Key: 排序 方式 : 1- 销 量 ，2- 浏 览 量 ，3- 价 格 ， 空 - 按 最 新 发 布 排序 
“order: 排序 方式 : 1- 升 序 ，2- 降 序 
“ page: 每 页 数量 

“ curpage: 当前 页 码 

“ gc_id: 分 类 编号 

“ keyword: 搜索 关键 字 

(3) 返回 数据 

“ goods_id: 商品 编号 

“ goods_name: 商品 名 称 

“ goods_price; 商品 价格 
goods_marketprice: 商品 市 场 价 

“ goods_salenum:; 销量 
“evaluation_good_star: 评价 星 级 
"evaluation_count: 评价 数 
group_flag: 是 否 团 购 


' xianshi_flag: 是 否 限 时 折扣 


“ goods_image: 图 片 名 称 


“ goods_image_url: 图 片 地 址 
5. 商 品 详细 信息 


(1) 商品 详细 信息 接口 (get) 


index.Php?act=goods&op=goods_detail 


(2) 请 求 参数 


goods id : 商品 编号 


(3) 返回 数据 

:goods_name: 商品 名 称 

“ goods_jingle: 商品 说 明 
“spec_name: 规格 名 称 
“spec_value: 规格 名 

“ goods_price; 商品 价格 

" goods_marketprice: 商品 市 场 价 
.goods_id: 商品 编号 

“ goods_click: 商品 点 击 数 

“ goods_commentnum: 商品 评论 数 
goods_salenum: 商品 销量 


“ goods_spec: 商品 规格 


goods_storage; 商品 库存 

“ evaluation_good_star: 评价 等 级 

“ evaluation_count: 评价 数 

“ promotion_type 促 销 类 型 : groupbuy- 团 购 ，xianshi- 限 时 折扣 
Promotion_price: 促销 价格 

“ upper_limit: 最 多 购买 数 


6 .商品 介绍 信息 


(1) 调用 接口 (get) 


index.Php?act=goods&op=goods_boqdy 


(2) 请 求 参数 


goods id : 商品 编号 


(3) 返回 数据 


html : ”商品 介绍 html 页 面 


功 能 
买卖 家 分 离 模 式 


定期 佣金 结算 模式 
在 线 IM 通信 系统 
商品 独立 的 SKU 


物流 自 提 点 功能 


F 码 商 品 销售 功能 
线 下 兑换 码 

强大 促销 支持 
整合 CMS 系统 
SNS 用 户 中 心 
店铺 装修 


数据 分 析 与 统计 


邓 启 文 


附录 B ”ShopNC B2B2C 商 城 功能 要 点 


说 明 

买卖 双方 各 有 独立 的 登录 入 口 ， 买 家 登陆 后 由 买 家 中 心 、SNS 等 模块 组 成 ， 可 满足 买 家 
的 购物 、 物 流 跟踪 、 分 享 、 晒 单 、 圈 子 等 多 方面 的 需求 。 商家 后 台 由 商品 、 订 单 、 促 销 、 
店铺 、 物 流 等 组 成 

系统 采用 市 场 主流 的 〈 类 京东 、 亚 马 逊 等 ) 平台 店铺 与 第 三 方 供应 商 结合 的 模式 ， 使 平台 
前 期 更 快速 的 充实 商品 
平台 可 按照 商家 和 人 驻 所 选 类 目 分 别 设 置 各 个 供应 商 佣金 ， 按 月 进行 账单 结算 并 收取 佣金 
自主 开发 独立 在 线 IM 系统 ， 使 用 买卖 双方 沟通 不 在 的 障碍 

stock keeping unit, 简称 SKU， 定 义 为 保存 库存 控制 的 最 小 可 用 单位 ， 例 如 纺织 品 中 一 个 
SKU 通常 表示 : 规格 、 颜 色 、 款 式 等 ， 详 细 展 示 商 品 特性 

买 家 可 选择 最 近 的 物流 自 提 点 进行 代 收 货 ， 自 提 点 收 到 货物 后 ， 由 系统 发 送 自 提 码 至 买 
家 手机 中 。 买 家 根据 自 提 码 至 相应 的 自 提 点 进行 取 货 

商品 发 布 时 可 在 特殊 商品 项 中 选择 “F 码 商品 ”， 买 家 只 有 赁 下 码 才 能 购买 

发 布 以 线 下 兑换 码 形式 进行 交易 的 虚拟 类 型 商品 ， 完 善 商城 系统 在 020 部 分 的 功能 扩展 

内 置 满 即 送 、 限 时 折扣 、 团 购 、 优 惠 套装 、 绑 定 赠 品 等 多 种 促销 手段 

商城 与 CMS 实现 无 颖 对 接 ，CMS 为 商城 引流 最 终 促成 交易 完成 

以 用 户 组 为 中 心 的 SNS， 用 户 晒 单 、 分 享 更 加 便捷 

网 店 的 美化 如 同 实体 店 的 装修 一 样 重 要 。 网 店 的 页 面 其 实 是 附着 了 店主 灵魂 的 销售 员 ， 
只 有 独 具 心 裁 的 网 店 装修 才能 打动 顾客 

帮助 平台 与 商家 迅速 掌握 运营 趋势 


ShopNC 成 员 简 介 


( 按 汉语 拼音 顺序 排列 ) 


资深 HP 开发 工程 师 、.NET 工 程 师 ， 拥 有 多 年 LAMP 架 构 开 发 经 验 ， 长 期 关注 CMS 与 商城 的 融合 ， 目 前 致力 于 ShopNC 桌 面 系 列 产品 的 开发 。 主 要 参与 本 书 第 3 章 (部 分 内 容 ) 、 第 4 章 的 撰写 。 


韩 冰 


资深 产品 经 理 、 前 端 设计 师 ， 拥 有 多 年 前 端 设计 与 开发 经 验 ， 负 责 把 握 ShopNC 核 心 产 品 的 开发 方向 。 主 要 参与 本 书 第 9 章 的 撰写 。 


何 金刚 


资深 移动 应 用 开发 工程 师 (Android 方 向 ) ， 专 注 于 电 商 领域 移动 通信 软件 开发 ， 实 战 经 验 丰 富 ，ShopNC 移 动 端 产品 的 核心 设计 与 开发 者 。 主 要 参与 本 书 第 7 章 的 撰写 。 


修 宝剑 


有 多 年 LAMP 架 构 开发 经 验 ， 在 服务 器 集群 /分 布 式 部 署 、 性 能 优化 等 方面 有 独到 见解 ， 目 前 致力 于 大 数据 下 电 商 系统 的 处 理 。 主 要 参与 本 书 第 2 章 、 第 3 章 (部 分 内 容 ) 、 第 10 章 的 撰写 。 


李 梓 平 


资深 移动 应 用 开发 工程 师 (10S 方 向 ) ， 负 责 ShopNC 移 动 端 开发 与 设计 ， 资 深 PHP 开 发 工程 师 ， 曾 参与 过 多 个 电 商 产品 项 目的 开发 ， 对 电子 商务 商城 、ERP 领 域 有 较 多 的 研究 和 丰富 的 实战 开发 经 验 。 
主要 参与 本 书 第 8 章 (部 分 内 容 ) 的 撰写 。 


刘海 峰 


资深 HP 开发 工程 师 ，ShopNC 商 城 最 核心 的 商品 模块 设计 与 开发 者 ， 具 有 多 年 大 型 互联 网 应 用 架构 经 验 ， 一 直 关 注 社 交 网络 ， 对 社交 化 电子 商务 网 站 有 深入 的 研究 。 主 要 参与 本 书 第 3 章 (部 分 内 
、 第 5 章 的 撰写 。 


蝶 


资深 PHP 开 发 工程 师 ， 一 直 关 注 电 商 O2O 趋 势 ， 也 是 ShopNC O20 系列 产品 的 核心 开发 者 。 主 要 参与 本 书 第 8 章 (部 分 内 容 ) 的 撰写 。 


下 全 


资深 即时 通讯 开发 工程 师 ， 拥 有 多 年 开发 经 验 ， 也 是 ShopNC 在 线 IM 的 核心 开发 者 。 主 要 参与 本 书 第 3 章 (部 分 内 容 ) 、 第 6 章 的 撰写 。 


尹 震 海 


资深 C 开 发 程 师 ， 拥 有 多 年 C 开 发 经 验 、 致 力 于 将 PHP 向 C 扩 展 迁 移 ， 提 高 系统 运行 性 能 ， 目 前 主要 致力 电子 商城 安全 防护 的 研究 。 主 要 参与 本 书 第 3 章 (部 分 内 容 ) 的 撰写 。 


杨 华 成 


资深 网 络 营 销 师 、 电 子 商务 运营 师 、 电 子 商务 职业 经 理 人 。 从 事 电 商 运 营 及 平台 策划 工作 10 多 年 ， 现 任 ShopNC 大 客户 经 理 。 主 要 参与 本 书 第 1 章 的 撰写 。 


周 喜 颖 


资深 CRM、ERP 开 发 工程 师 ， 拥 有 多 年 软件 (特别 是 电 商 库 管 软件 、CRM 软 件 等 ) 开发 经 验 ， 致 力 于 桌面 软件 和 WEB 端 数据 互通 ， 提 高 运营 效率 。 主 要 参与 本 书 第 3 章 (部 分 内 容 ) 的 撰写 。 


